From 7859b1b2ee985fb6474440e583ef56c305641fb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 26 May 2021 11:34:42 +0200
Subject: [PATCH] MOBILE-3320 styles: Fix some block styles

---
 .../addon-block-recentlyaccessedcourses.html                  | 2 +-
 .../components/starredcourses/addon-block-starredcourses.html | 2 +-
 src/core/components/dynamic-component/dynamic-component.ts    | 1 +
 src/core/components/loading/loading.scss                      | 4 ++++
 .../features/compile/components/compile-html/compile-html.ts  | 1 +
 .../siteplugins/components/assign-feedback/assign-feedback.ts | 1 +
 .../components/assign-submission/assign-submission.ts         | 1 +
 src/core/features/siteplugins/components/block/block.ts       | 1 +
 .../siteplugins/components/course-format/course-format.ts     | 1 +
 .../siteplugins/components/module-index/module-index.ts       | 1 +
 .../components/only-title-block/only-title-block.ts           | 1 +
 .../siteplugins/components/plugin-content/plugin-content.ts   | 1 +
 .../components/question-behaviour/question-behaviour.ts       | 1 +
 src/core/features/siteplugins/components/question/question.ts | 1 +
 .../components/quiz-access-rule/quiz-access-rule.ts           | 1 +
 .../components/user-profile-field/user-profile-field.ts       | 1 +
 .../workshop-assessment-strategy.ts                           | 1 +
 17 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html b/src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html
index 56d9ffb91..0bc7f105f 100644
--- a/src/addons/block/recentlyaccessedcourses/components/recentlyaccessedcourses/addon-block-recentlyaccessedcourses.html
+++ b/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">
diff --git a/src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html b/src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html
index 9b3cbaa37..afabaf9b9 100644
--- a/src/addons/block/starredcourses/components/starredcourses/addon-block-starredcourses.html
+++ b/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">
diff --git a/src/core/components/dynamic-component/dynamic-component.ts b/src/core/components/dynamic-component/dynamic-component.ts
index 033ab327a..b49dbafb7 100644
--- a/src/core/components/dynamic-component/dynamic-component.ts
+++ b/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 {
 
diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss
index f295487c9..1ed6c3d6e 100644
--- a/src/core/components/loading/loading.scss
+++ b/src/core/components/loading/loading.scss
@@ -56,5 +56,9 @@
             padding-top: 20px;
             position: relative;
         }
+
+        .core-loading-content {
+            display: block;
+        }
     }
 }
diff --git a/src/core/features/compile/components/compile-html/compile-html.ts b/src/core/features/compile/components/compile-html/compile-html.ts
index a2e5ba06c..e3c72975e 100644
--- a/src/core/features/compile/components/compile-html/compile-html.ts
+++ b/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 {
diff --git a/src/core/features/siteplugins/components/assign-feedback/assign-feedback.ts b/src/core/features/siteplugins/components/assign-feedback/assign-feedback.ts
index 643470967..a03d8e083 100644
--- a/src/core/features/siteplugins/components/assign-feedback/assign-feedback.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/assign-submission/assign-submission.ts b/src/core/features/siteplugins/components/assign-submission/assign-submission.ts
index 367d8090a..ba2bdeab9 100644
--- a/src/core/features/siteplugins/components/assign-submission/assign-submission.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/block/block.ts b/src/core/features/siteplugins/components/block/block.ts
index 297a5d89b..8f710e2d6 100644
--- a/src/core/features/siteplugins/components/block/block.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/course-format/course-format.ts b/src/core/features/siteplugins/components/course-format/course-format.ts
index 88cd9d586..025c1036e 100644
--- a/src/core/features/siteplugins/components/course-format/course-format.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/module-index/module-index.ts b/src/core/features/siteplugins/components/module-index/module-index.ts
index 40061f0ec..5e83cbc9d 100644
--- a/src/core/features/siteplugins/components/module-index/module-index.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/only-title-block/only-title-block.ts b/src/core/features/siteplugins/components/only-title-block/only-title-block.ts
index 09428e441..058ccca47 100644
--- a/src/core/features/siteplugins/components/only-title-block/only-title-block.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/plugin-content/plugin-content.ts b/src/core/features/siteplugins/components/plugin-content/plugin-content.ts
index 91b3bb2ce..600f14042 100644
--- a/src/core/features/siteplugins/components/plugin-content/plugin-content.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/question-behaviour/question-behaviour.ts b/src/core/features/siteplugins/components/question-behaviour/question-behaviour.ts
index 04428e45c..0fd8f641a 100644
--- a/src/core/features/siteplugins/components/question-behaviour/question-behaviour.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/question/question.ts b/src/core/features/siteplugins/components/question/question.ts
index f071a0afc..33132630a 100644
--- a/src/core/features/siteplugins/components/question/question.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/quiz-access-rule/quiz-access-rule.ts b/src/core/features/siteplugins/components/quiz-access-rule/quiz-access-rule.ts
index 874d6fbf6..3ed0e21b9 100644
--- a/src/core/features/siteplugins/components/quiz-access-rule/quiz-access-rule.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/user-profile-field/user-profile-field.ts b/src/core/features/siteplugins/components/user-profile-field/user-profile-field.ts
index e30675854..a181a6001 100644
--- a/src/core/features/siteplugins/components/user-profile-field/user-profile-field.ts
+++ b/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 {
 
diff --git a/src/core/features/siteplugins/components/workshop-assessment-strategy/workshop-assessment-strategy.ts b/src/core/features/siteplugins/components/workshop-assessment-strategy/workshop-assessment-strategy.ts
index ea9e56c18..2030ab474 100644
--- a/src/core/features/siteplugins/components/workshop-assessment-strategy/workshop-assessment-strategy.ts
+++ b/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 {