style(install): Improve formatting for mobile phones.

gtandersen · Apr 16, 2024 · 4cc3c8b · 4cc3c8b
1 parent 0989d38
commit 4cc3c8b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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;
         }
     }
 }