MOBILE-3320 styles: Fix some block styles

src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html

@@ -2,7 +2,7 @@
     <ion-label>
         <h2>{{ 'addon.block_recentlyaccessedcourses.pluginname' | translate }}</h2>
     </ion-label>
-    <div slot="end">
+    <div slot="end" class="flex-row">
         <div *ngIf="downloadCoursesEnabled && downloadEnabled && courses && courses.length > 1" class="core-button-spinner">
             <ion-button *ngIf="prefetchCoursesData.icon && !prefetchCoursesData.loading" fill="clear" color="dark"
                 (click)="prefetchCourses()" [attr.aria-label]="'core.courses.downloadcourses' | translate">

src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html

@@ -2,7 +2,7 @@
     <ion-label>
         <h2>{{ 'addon.block_starredcourses.pluginname' | translate }}</h2>
     </ion-label>
-    <div slot="end">
+    <div slot="end" class="flex-row">
         <div *ngIf="downloadCoursesEnabled && downloadEnabled && courses && courses.length > 1" class="core-button-spinner">
             <ion-button *ngIf="prefetchCoursesData.icon && !prefetchCoursesData.loading" fill="clear" color="dark"
                 (click)="prefetchCourses()" [attr.aria-label]="'core.courses.downloadcourses' | translate">

src/core/components/dynamic-component/dynamic-component.ts

@@ -62,6 +62,7 @@ import { CoreLogger } from '@singletons/logger';
 @Component({
     selector: 'core-dynamic-component',
     templateUrl: 'core-dynamic-component.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreDynamicComponent implements OnChanges, DoCheck {
 

src/core/components/loading/loading.scss

@@ -56,5 +56,9 @@
             padding-top: 20px;
             position: relative;
         }
+
+        .core-loading-content {
+            display: block;
+        }
     }
 }

src/core/features/compile/components/compile-html/compile-html.ts

@@ -56,6 +56,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'core-compile-html',
     template: '<core-loading [hideUntil]="loaded"><ng-container #dynamicComponent></ng-container></core-loading>',
+    styles: [':host { display: contents; }'],
 })
 // eslint-disable-next-line @angular-eslint/no-conflicting-lifecycle
 export class CoreCompileHtmlComponent implements OnChanges, OnDestroy, DoCheck {

src/core/features/siteplugins/components/assign-feedback/assign-feedback.ts

@@ -24,6 +24,7 @@ import { CoreSitePluginsCompileInitComponent } from '@features/siteplugins/class
 @Component({
     selector: 'core-site-plugins-assign-feedback',
     templateUrl: 'core-siteplugins-assign-feedback.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsAssignFeedbackComponent extends CoreSitePluginsCompileInitComponent implements OnInit {
 

src/core/features/siteplugins/components/assign-submission/assign-submission.ts

@@ -24,6 +24,7 @@ import { CoreSitePluginsCompileInitComponent } from '@features/siteplugins/class
 @Component({
     selector: 'core-site-plugins-assign-submission',
     templateUrl: 'core-siteplugins-assign-submission.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsAssignSubmissionComponent extends CoreSitePluginsCompileInitComponent implements OnInit {
 

src/core/features/siteplugins/components/block/block.ts

@@ -25,6 +25,7 @@ import { CoreSitePluginsPluginContentComponent } from '../plugin-content/plugin-
 @Component({
     selector: 'core-site-plugins-block',
     templateUrl: 'core-siteplugins-block.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsBlockComponent extends CoreBlockBaseComponent implements OnChanges {
 

src/core/features/siteplugins/components/course-format/course-format.ts

@@ -28,6 +28,7 @@ import { CoreSitePluginsPluginContentComponent } from '../plugin-content/plugin-
 @Component({
     selector: 'core-site-plugins-course-format',
     templateUrl: 'core-siteplugins-course-format.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsCourseFormatComponent implements OnChanges {
 

src/core/features/siteplugins/components/module-index/module-index.ts

@@ -40,6 +40,7 @@ import { CoreSitePluginsPluginContentComponent } from '../plugin-content/plugin-
 @Component({
     selector: 'core-site-plugins-module-index',
     templateUrl: 'core-siteplugins-module-index.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsModuleIndexComponent implements OnInit, OnDestroy, CoreCourseModuleMainComponent {
 

src/core/features/siteplugins/components/only-title-block/only-title-block.ts

@@ -26,6 +26,7 @@ import { CoreNavigator } from '@services/navigator';
 @Component({
     selector: 'core-siteplugins-only-title-block',
     templateUrl: 'core-siteplugins-only-title-block.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsOnlyTitleBlockComponent extends CoreBlockBaseComponent implements OnInit {
 

src/core/features/siteplugins/components/plugin-content/plugin-content.ts

@@ -28,6 +28,7 @@ import { CoreDomUtils } from '@services/utils/dom';
 @Component({
     selector: 'core-site-plugins-plugin-content',
     templateUrl: 'core-siteplugins-plugin-content.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsPluginContentComponent implements OnInit, DoCheck {
 

src/core/features/siteplugins/components/question-behaviour/question-behaviour.ts

@@ -24,6 +24,7 @@ import { CoreSitePluginsCompileInitComponent } from '@features/siteplugins/class
 @Component({
     selector: 'core-site-plugins-question-behaviour',
     templateUrl: 'core-siteplugins-question-behaviour.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsQuestionBehaviourComponent extends CoreSitePluginsCompileInitComponent implements OnInit {
 

src/core/features/siteplugins/components/question/question.ts

@@ -25,6 +25,7 @@ import { CoreSitePluginsCompileInitComponent } from '@features/siteplugins/class
 @Component({
     selector: 'core-site-plugins-question',
     templateUrl: 'core-siteplugins-question.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsQuestionComponent extends CoreSitePluginsCompileInitComponent implements OnInit {
 

src/core/features/siteplugins/components/quiz-access-rule/quiz-access-rule.ts

@@ -25,6 +25,7 @@ import { CoreSitePluginsCompileInitComponent } from '@features/siteplugins/class
 @Component({
     selector: 'core-site-plugins-quiz-access-rule',
     templateUrl: 'core-siteplugins-quiz-access-rule.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsQuizAccessRuleComponent extends CoreSitePluginsCompileInitComponent implements OnInit {
 

src/core/features/siteplugins/components/user-profile-field/user-profile-field.ts

@@ -26,6 +26,7 @@ import { CoreUserProfileFieldDelegate } from '@features/user/services/user-profi
 @Component({
     selector: 'core-site-plugins-user-profile-field',
     templateUrl: 'core-siteplugins-user-profile-field.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsUserProfileFieldComponent extends CoreSitePluginsCompileInitComponent implements OnInit {
 

src/core/features/siteplugins/components/workshop-assessment-strategy/workshop-assessment-strategy.ts

@@ -24,6 +24,7 @@ import { CoreSitePluginsCompileInitComponent } from '@features/siteplugins/class
 @Component({
     selector: 'core-siteplugins-workshop-assessment-strategy',
     templateUrl: 'core-siteplugins-workshop-assessment-strategy.html',
+    styles: [':host { display: contents; }'],
 })
 export class CoreSitePluginsWorkshopAssessmentStrategyComponent extends CoreSitePluginsCompileInitComponent implements OnInit {