From 5a126022a44849502a67c6c74022380acb139c6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 11 Dec 2018 16:20:13 +0100
Subject: [PATCH] MOBILE-2787 quiz: Improve columns on attempt review

---
 src/addon/mod/quiz/pages/player/player.html |  5 +++--
 src/app/app.scss                            | 16 ++++++++++++++--
 src/theme/format-text.scss                  |  6 +++++-
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/addon/mod/quiz/pages/player/player.html b/src/addon/mod/quiz/pages/player/player.html
index 253ea995b..430d23fd5 100644
--- a/src/addon/mod/quiz/pages/player/player.html
+++ b/src/addon/mod/quiz/pages/player/player.html
@@ -89,7 +89,8 @@
             <!-- "Header" of the summary table. -->
             <ion-item text-wrap>
                 <ion-row align-items-center>
-                    <ion-col col-3 text-center><b>{{ 'addon.mod_quiz.question' | translate }}</b></ion-col>
+                    <ion-col col-3 text-center class="hidden-phone"><b>{{ 'addon.mod_quiz.question' | translate }}</b></ion-col>
+                    <ion-col col-3 text-center class="hidden-tablet"><b>#</b></ion-col>
                     <ion-col col-9 text-center><b>{{ 'addon.mod_quiz.status' | translate }}</b></ion-col>
                 </ion-row>
             </ion-item>
@@ -98,7 +99,7 @@
                 <a ion-item (click)="changePage(question.page, false, question.slot)" *ngIf="question.number" [attr.aria-label]="'core.question.questionno' | translate:{$a: question.number}" [attr.detail-push]="!quiz.isSequential && canReturn ? true : null">
                     <ion-row align-items-center>
                         <ion-col col-3 text-center>{{ question.number }}</ion-col>
-                        <ion-col col-9 text-center>{{ question.status }}</ion-col>
+                        <ion-col col-9 text-center text-wrap>{{ question.status }}</ion-col>
                     </ion-row>
                 </a>
             </ng-container>
diff --git a/src/app/app.scss b/src/app/app.scss
index 2a11f4e3c..19d818cdf 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -437,9 +437,15 @@ ion-app.app-root {
     color: $core-question-correct-color;
     background-color: $core-question-correct-color-bg;
 
-    .label, ion-label.label {
+    .label, ion-label.label, .select-text, .select-icon .select-icon-inner {
       color: $core-question-correct-color;
     }
+    .radio-icon {
+      border-color: $core-question-correct-color;
+    }
+    .radio-inner {
+      background-color: $core-question-correct-color;
+    }
   }
 
   .core-question-answer-incorrect,
@@ -447,9 +453,15 @@ ion-app.app-root {
     color: $core-question-incorrect-color;
     background-color: $core-question-incorrect-color-bg;
 
-    .label, ion-label.label {
+    .label, ion-label.label, .select-text, .select-icon .select-icon-inner {
       color: $core-question-incorrect-color;
     }
+    .radio-icon {
+      border-color: $core-question-incorrect-color;
+    }
+    .radio-inner {
+      background-color: $core-question-incorrect-color;
+    }
   }
 
   .core-question-feedback-container {
diff --git a/src/theme/format-text.scss b/src/theme/format-text.scss
index 1e04a9d79..ad0a230fb 100644
--- a/src/theme/format-text.scss
+++ b/src/theme/format-text.scss
@@ -184,4 +184,8 @@ ion-app.app-root {
     width: min-content;
     display: inline;
   }
-}
\ No newline at end of file
+
+  .toolbar core-format-text {
+    font-size: inherit;
+  }
+}