From b86cd01169c27d66b6c2708d4a021150c184d07b Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 8 Jan 2025 21:42:21 +0200
Subject: [PATCH] style(next): turn "Only in desktop" into a subheading

---
 src/public/app/widgets/dialogs/help.ts      |  3 +--
 src/public/stylesheets/theme-next/shell.css | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/public/app/widgets/dialogs/help.ts b/src/public/app/widgets/dialogs/help.ts
index e3286db65..d31e11029 100644
--- a/src/public/app/widgets/dialogs/help.ts
+++ b/src/public/app/widgets/dialogs/help.ts
@@ -39,8 +39,7 @@ const TPL = `
                             <ul>
                                 <li>${t('help.newTabNoteLink')}</li>
                             </ul>
-
-                            ${t('help.onlyInDesktop')}:
+                            <h6>${t('help.onlyInDesktop')}:</h6>
                             <ul>
                                 <li><kbd data-command="openNewTab">${t('help.notSet')}</kbd> ${t('help.openEmptyTab')}</li>
                                 <li><kbd data-command="closeActiveTab">${t('help.notSet')}</kbd> ${t('help.closeActiveTab')}</li>
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 268b6f3a9..d2d9c9ea4 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1576,12 +1576,22 @@ body .calendar-dropdown-widget .calendar-body a:hover {
     background: var(--card-background-color);
 }
 
-.help-dialog .card-body h5 {
+.help-dialog .card-body h5,
+.help-dialog .card-body h6 {
     color: #797979;
-    font-size: 20px;
     font-weight: 600;
 }
 
+.help-dialog .card-body h5 {
+    font-size: 20px;
+}
+
+.help-dialog .card-body h6 {
+    font-size: 15px;
+    padding-bottom: .5em;
+}
+
+
 .help-dialog .help-cards ul {
     list-style-type: none;
     padding: 0;