Merge pull request #2323 from crazyserver/MOBILE-3269

Mobile 3269

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. -->

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 {

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.