From 2e14b9bc8a1b9028b7137ea1d01b524917368a7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 31 Jan 2019 12:27:50 +0100
Subject: [PATCH] MOBILE-2847 quiz: Review shortanswer question styles

---
 src/addon/mod/quiz/pages/review/review.scss   |  2 +-
 .../component/addon-qtype-shortanswer.html    |  2 +-
 .../shortanswer/component/shortanswer.scss    | 23 ++++++++++++-------
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/addon/mod/quiz/pages/review/review.scss b/src/addon/mod/quiz/pages/review/review.scss
index 47b755a75..ca5b7d400 100644
--- a/src/addon/mod/quiz/pages/review/review.scss
+++ b/src/addon/mod/quiz/pages/review/review.scss
@@ -6,7 +6,7 @@ ion-app.app-root page-addon-mod-quiz-review {
     .text-input[disabled] {
         opacity: 0.8;
 
-        .label, .radio, .checkbox, .select-disabled, .core-correct-icon {
+        .label, .radio, .checkbox, .select-disabled, .core-correct-icon, .text-input[disabled] {
             opacity: 1;
         }
     }
diff --git a/src/addon/qtype/shortanswer/component/addon-qtype-shortanswer.html b/src/addon/qtype/shortanswer/component/addon-qtype-shortanswer.html
index b73d8d7be..42febebf0 100644
--- a/src/addon/qtype/shortanswer/component/addon-qtype-shortanswer.html
+++ b/src/addon/qtype/shortanswer/component/addon-qtype-shortanswer.html
@@ -1,6 +1,6 @@
 <section ion-list *ngIf="question.text || question.text === ''">
     <ion-item text-wrap class="addon-qtype-shortanswer-text">
-        <p><core-format-text [component]="component" [componentId]="componentId" [text]="question.text"></core-format-text></p>
+        <core-format-text [component]="component" [componentId]="componentId" [text]="question.text"></core-format-text>
     </ion-item>
     <ion-item *ngIf="!question.input.isInline" text-wrap ngClass="core-{{question.input.correctIconColor}}-item">
         <ion-label stacked>{{ 'addon.mod_quiz.answercolon' | translate }}</ion-label>
diff --git a/src/addon/qtype/shortanswer/component/shortanswer.scss b/src/addon/qtype/shortanswer/component/shortanswer.scss
index a49c2e2c3..02c8bd099 100644
--- a/src/addon/qtype/shortanswer/component/shortanswer.scss
+++ b/src/addon/qtype/shortanswer/component/shortanswer.scss
@@ -1,11 +1,18 @@
 addon-qtype-shortanswer {
-    .addon-qtype-shortanswer-text input {
-        display: inline-block;
-        border: 1px solid #ccc;
-        padding: 4px 6px;
-        -webkit-border-radius: 4px;
-        -moz-border-radius: 4px;
-        border-radius: 4px;
-        margin-bottom: 10px;
+    .addon-qtype-shortanswer-text {
+        ion-label.label {
+            margin-bottom: 0;
+        }
+
+        input {
+            @include placeholder($text-input-placeholder-color);
+            @include appearance(none);
+            @include border-radius(4px);
+            display: inline-block;
+            border: 1px solid $gray-dark;
+            padding: 6px 8px;
+            @include margin-horizontal(2px);
+            margin-bottom: 10px;
+        }
     }
 }