MOBILE-3320 style: Fix quiz styles

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,6 +10,7 @@
                     <ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
                 </ion-item>
             </ion-card>
+            <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()">
@@ -20,6 +21,7 @@
                 </core-format-text>
 
                 <div class="drags"></div>
+            </div>
         </ion-label>
     </ion-item>
 </div>

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 {

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);