From caf9b92db5ca2c81150eb559a157b5fb35cf5154 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 8 Jan 2025 21:35:43 +0200
Subject: [PATCH] style(next): restyle the help cards

---
 src/public/stylesheets/theme-next/shell.css | 46 +++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 4a904ae57..268b6f3a9 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1559,4 +1559,50 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 .search-result-widget-content .note-path {
     opacity: .75;
     font-weight: normal;
+}
+
+/* Help */
+
+.help-dialog .card {
+    margin: 0;
+    border: none;
+    padding: 8px;
+    background: unset;
+}
+
+.help-dialog .card-body {
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, .10);
+    border-radius: 6px;
+    background: var(--card-background-color);
+}
+
+.help-dialog .card-body h5 {
+    color: #797979;
+    font-size: 20px;
+    font-weight: 600;
+}
+
+.help-dialog .help-cards ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.help-dialog .help-cards li + li {
+    margin-top: .4em;
+}
+
+.help-dialog .help-cards kbd {
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
+    margin: 0 4px;
+    border: none;
+    border-radius: 4px;
+    padding: 2px 10px;
+    background: white;
+    color: #3f3f3f;
+    font-weight: 500;
+    letter-spacing: .5pt;
+}
+
+.help-dialog .help-cards kbd:first-child {
+    margin-left: 0;
 }
\ No newline at end of file