From 03d4958f9c35544afdf31ba995175805b62449f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 19 Nov 2018 12:57:08 +0100
Subject: [PATCH 1/3] MOBILE-2741 style: Style icons coming from web

---
 src/app/app.scss              | 11 +++++++++++
 src/directives/format-text.ts |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/app/app.scss b/src/app/app.scss
index a527a7016..68778b33a 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -376,6 +376,17 @@ ion-app.app-root {
     }
 
     @include core-headings();
+
+    img.icon {
+      font-size: 16px;
+      width: 16px;
+      height: 16px;
+      margin: 0;
+      padding: 0;
+      -webkit-box-sizing: content-box;
+      box-sizing: content-box;
+      margin-right: .5rem;
+    }
   }
 
   .item core-format-text {
diff --git a/src/directives/format-text.ts b/src/directives/format-text.ts
index 2c46e20f4..5e8eaee07 100644
--- a/src/directives/format-text.ts
+++ b/src/directives/format-text.ts
@@ -382,7 +382,7 @@ export class CoreFormatTextDirective implements OnChanges {
                 images.forEach((img: HTMLElement) => {
                     this.addMediaAdaptClass(img);
                     this.addExternalContent(img);
-                    if (this.utils.isTrueOrOne(this.adaptImg)) {
+                    if (this.utils.isTrueOrOne(this.adaptImg) && !img.classList.contains('icon')) {
                         this.adaptImage(elWidth, img);
                     }
                 });

From a0349ae0697df942f358207f6b99b317d159fe7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 19 Nov 2018 12:57:31 +0100
Subject: [PATCH 2/3] MOBILE-2741 notes: Style notes selector

---
 .../notes/components/list/addon-notes-list.html      | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/addon/notes/components/list/addon-notes-list.html b/src/addon/notes/components/list/addon-notes-list.html
index 21f24aba2..a81d4eaab 100644
--- a/src/addon/notes/components/list/addon-notes-list.html
+++ b/src/addon/notes/components/list/addon-notes-list.html
@@ -11,11 +11,13 @@
     </ion-refresher>
     <core-loading [hideUntil]="notesLoaded" class="core-loading-center">
 
-        <ion-select [(ngModel)]="type" (ngModelChange)="typeChanged()" interface="popover">
-            <ion-option value="site">{{ 'addon.notes.sitenotes' | translate }}</ion-option>
-            <ion-option value="course">{{ 'addon.notes.coursenotes' | translate }}</ion-option>
-            <ion-option value="personal">{{ 'addon.notes.personalnotes' | translate }}</ion-option>
-        </ion-select>
+        <div padding>
+            <ion-select [(ngModel)]="type" (ngModelChange)="typeChanged()" interface="popover" class="core-button-select">
+                <ion-option value="site">{{ 'addon.notes.sitenotes' | translate }}</ion-option>
+                <ion-option value="course">{{ 'addon.notes.coursenotes' | translate }}</ion-option>
+                <ion-option value="personal">{{ 'addon.notes.personalnotes' | translate }}</ion-option>
+            </ion-select>
+        </div>
 
         <div class="core-warning-card" icon-start *ngIf="hasOffline">
             <ion-icon name="warning"></ion-icon>

From 33d877a6bef77651eb8658f576439c6a5384ac35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 19 Nov 2018 12:57:58 +0100
Subject: [PATCH 3/3] MOBILE-2741 ux: Improve empty box styles

---
 src/components/empty-box/empty-box.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/empty-box/empty-box.scss b/src/components/empty-box/empty-box.scss
index 14b4e1b93..d348eb6d1 100644
--- a/src/components/empty-box/empty-box.scss
+++ b/src/components/empty-box/empty-box.scss
@@ -40,9 +40,11 @@ ion-app.app-root core-empty-box {
     }
   }
 
-  @include media-breakpoint-down(sm) {
+  @media (max-width: 350px) {
     .core-empty-box {
       position: relative;
+      height: auto;
+      margin-top: 50px;
 
       .icon {
         font-size: 100px;