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; } } }