From 67e6a45b2d1e1c9f21cba492b179cb725bc7c17a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 10 Jun 2021 15:37:10 +0200
Subject: [PATCH] MOBILE-3320 style: Fix quiz styles

---
 .../ddwtos/component/addon-qtype-ddwtos.html  | 20 ++++++++++---------
 src/addons/qtype/ddwtos/component/ddwtos.scss |  1 +
 src/theme/components/format-text.scss         |  1 -
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html b/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
index 86b733857..39222c454 100644
--- a/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
+++ b/src/addons/qtype/ddwtos/component/addon-qtype-ddwtos.html
@@ -1,4 +1,4 @@
-<div *ngIf="ddQuestion && (ddQuestion.text || ddQuestion.text === '')" class="addon-qtype-ddwtos-container">
+<div *ngIf="ddQuestion && (ddQuestion.text || ddQuestion.text === '')">
     <!-- Content is outside the core-loading to let the script calculate drag items position -->
     <core-loading [hideUntil]="ddQuestion.loaded"></core-loading>
 
@@ -10,16 +10,18 @@
                     <ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
                 </ion-item>
             </ion-card>
-            <core-format-text [component]="component" [componentId]="componentId" [text]="ddQuestion.text"
-                [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" #questiontext
-                (afterRender)="textRendered()">
-            </core-format-text>
+            <div class="addon-qtype-ddwtos-container">
+                <core-format-text [component]="component" [componentId]="componentId" [text]="ddQuestion.text"
+                    [contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" #questiontext
+                    (afterRender)="textRendered()">
+                </core-format-text>
 
-            <core-format-text *ngIf="ddQuestion.answers" [component]="component" [componentId]="componentId"
-                [text]="ddQuestion.answers" [filter]="false" (afterRender)="answersRendered()">
-            </core-format-text>
+                <core-format-text *ngIf="ddQuestion.answers" [component]="component" [componentId]="componentId"
+                    [text]="ddQuestion.answers" [filter]="false" (afterRender)="answersRendered()">
+                </core-format-text>
 
-            <div class="drags"></div>
+                <div class="drags"></div>
+            </div>
         </ion-label>
     </ion-item>
 </div>
diff --git a/src/addons/qtype/ddwtos/component/ddwtos.scss b/src/addons/qtype/ddwtos/component/ddwtos.scss
index e5b4ccfb5..bc6bc852b 100644
--- a/src/addons/qtype/ddwtos/component/ddwtos.scss
+++ b/src/addons/qtype/ddwtos/component/ddwtos.scss
@@ -3,6 +3,7 @@
 // Style ddwtos content a bit. Almost all these styles are copied from Moodle.
 .addon-qtype-ddwtos-container {
     min-height: 80px; // To display the loading.
+    position: relative;
 }
 
 core-format-text ::ng-deep, .drags ::ng-deep {
diff --git a/src/theme/components/format-text.scss b/src/theme/components/format-text.scss
index 9046fa194..423de0eaa 100644
--- a/src/theme/components/format-text.scss
+++ b/src/theme/components/format-text.scss
@@ -338,7 +338,6 @@ core-rich-text-editor .core-rte-editor {
     select,
     input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {
         height: 30px;
-        line-height: 30px;
         display: inline-block;
         border: 1px solid var(--gray-dark);
         background: var(--background-contrast);