From ed19c85163138831c6f0057003f65656e06c4588 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 18 Mar 2020 11:26:10 +0100
Subject: [PATCH 1/2] MOBILE-3269 blocks: Add a min height to all block titles

---
 src/addon/mod/quiz/pages/player/player.html | 2 +-
 src/core/block/components/block/block.scss  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/addon/mod/quiz/pages/player/player.html b/src/addon/mod/quiz/pages/player/player.html
index 81d271d7d..9936714cf 100644
--- a/src/addon/mod/quiz/pages/player/player.html
+++ b/src/addon/mod/quiz/pages/player/player.html
@@ -118,8 +118,8 @@
                 <p class="item-heading">{{ 'addon.mod_quiz.cannotsubmitquizdueto' | translate }}</p>
                 <p *ngFor="let message of preventSubmitMessages">{{message}}</p>
                 <a ion-button block icon-end [href]="moduleUrl" core-link>
-                    <ion-icon name="open"></ion-icon>
                     {{ 'core.openinbrowser' | translate }}
+                    <ion-icon name="open"></ion-icon>
                 </a>
             </ion-item>
             <!-- Button to submit the quiz. -->
diff --git a/src/core/block/components/block/block.scss b/src/core/block/components/block/block.scss
index 95fcc68e7..f29ca8106 100644
--- a/src/core/block/components/block/block.scss
+++ b/src/core/block/components/block/block.scss
@@ -20,6 +20,7 @@ ion-app.app-root core-block {
 
   .item-divider {
     @include padding-horizontal(null, 0px);
+    min-height: 60px;
   }
 
   .item-divider .core-button-spinner {

From fee8af802b0c430f35a5f42e56896e7538c3d5c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 19 Mar 2020 12:54:15 +0100
Subject: [PATCH 2/2] MOBILE-3269 style: Add bootstrap label styles

---
 src/theme/format-text.scss | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/theme/format-text.scss b/src/theme/format-text.scss
index fb9ea382d..6bd43740c 100644
--- a/src/theme/format-text.scss
+++ b/src/theme/format-text.scss
@@ -177,6 +177,32 @@ ion-app.app-root core-rich-text-editor .core-rte-editor {
       color: $color-base;
     }
   }
+
+  .label {
+    display: inline-block;
+    padding: .25em .4em;
+    font-size: 75%;
+    font-weight: 700;
+    line-height: 1;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    color: $white;
+    background-color: $gray-darker;
+  }
+
+  .label-important {
+    color: $white;
+    background-color: $red;
+  }
+
+  @each $color-name, $color-base, $color-contrast in get-colors($colors) {
+    .label-#{$color-name} {
+      color: $color-contrast;
+      background-color: $color-base;
+    }
+  }
 }
 
 // Those styles are omitted on RTE.