From 4cc3c8ba6379f1a26516eb78ba3f2bcd157d4b7b Mon Sep 17 00:00:00 2001
From: Geir Thomas Andersen <andersen@runbox.com>
Date: Tue, 16 Apr 2024 13:52:26 +0200
Subject: [PATCH] style(install): Improve formatting for mobile phones.

---
 src/app/app.component.html | 2 +-
 src/styles.scss            | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index b79a0d863..5b48370c1 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -184,7 +184,7 @@ <h3 class="noMessageSelectedNotification">No Message Selected</h3>
             Runbox will now synchronize with your device to give you an optimal webmail experience. The data can be deleted at any time using the buttons beneath the folder list. <a href="https://help.runbox.com/runbox-7-webmail-new-features/#Synchronized_account_index" target="help">What's this?</a>
           </p>
           <p *ngIf="mobileQuery.matches">
-            Runbox will now synchronize with your device. <a href="https://help.runbox.com/runbox-7-webmail-new-features/#Synchronized_account_index" target="help">What's this?</a>
+            Runbox will now synchronize with your device. <a href="https://help.runbox.com/runbox-7-webmail-new-features/#Synchronized_account_index" target="help" matTooltip="What's this?">?</a>
           </p>
           <mat-list>
           <mat-list-item>
diff --git a/src/styles.scss b/src/styles.scss
index 5804eff90..38afbe5cc 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -943,6 +943,11 @@ app-saved-searches .mat-list-base[dense] .mat-list-item {
     white-space: normal;
     line-height: 1em;
 
+    @media(max-width: 375px) {
+        font-size: 10px;
+        line-height: 12px;
+    }
+
     mat-list-item {
         padding: 5px 0;
     }
@@ -954,6 +959,9 @@ app-saved-searches .mat-list-base[dense] .mat-list-item {
             margin-right: 2px;
             height: 30px;
             line-height: 20px;
+            width: 40px;
+            min-width: 40px;
+            padding: 0;
         }
     }
 }