style(next): add a cheat sheet-vibe to the help dialog

TriliumNext · Jan 8, 2025 · ad77ff1 · ad77ff1
1 parent e79c248
commit ad77ff1
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
@@ -1563,11 +1563,19 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 
 /* Help */
 
+.help-dialog .help-cards {
+    display: block;
+    columns: 3;
+    column-gap: 20px;
+}
+
 .help-dialog .card {
     margin: 0;
+    width: auto;
     border: none;
-    padding: 8px;
+    padding: 16px 8px;
     background: unset;
+    break-inside: avoid-column;
 }
 
 .help-dialog .card-body {