From 1e81831ea07f9b5a474ff16272840cf3b6f25904 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 8 Mar 2025 05:49:18 +0200
Subject: [PATCH] style(next)/options: improve (again) the layout of the option
 cards

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

diff --git a/src/public/stylesheets/theme-next/settings.css b/src/public/stylesheets/theme-next/settings.css
index ddbf5c432..0d240f047 100644
--- a/src/public/stylesheets/theme-next/settings.css
+++ b/src/public/stylesheets/theme-next/settings.css
@@ -2,11 +2,16 @@
  * Settings
  */
 :root {
+    --options-card-min-width: 500px;
     --options-card-max-width: 900px;
     --options-card-padding: 17px;
     --options-title-font-size: 1rem;
     --options-title-offset: 13px;
 }
+/* Create a gap at the top of the option pages */
+.note-detail-content-widget-content.options>*:first-child {
+    margin-top: 1em;
+}
 
 /* Create a gap at the bottom of option pages */
 .note-detail-content-widget-content.options::after {
@@ -21,6 +26,7 @@
 
 .options-section {
     margin: auto;
+    min-width: var(--options-card-min-width);
     max-width: var(--options-card-max-width);
     border-radius: 12px;
     border: 1px solid var(--card-border-color) !important;