From ffdc77c5c4d690890cfc23d753bbf9e9ffd76f8d Mon Sep 17 00:00:00 2001
From: charlie <xyhp915@qq.com>
Date: Wed, 4 Mar 2026 17:18:02 +0800
Subject: [PATCH] enhance(ui): polish settings item alignments

---
 src/main/frontend/components/settings.cljs | 2 +-
 src/main/frontend/components/settings.css  | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/main/frontend/components/settings.cljs b/src/main/frontend/components/settings.cljs
index ac28fea2fd..5aaee96bd7 100644
--- a/src/main/frontend/components/settings.cljs
+++ b/src/main/frontend/components/settings.cljs
@@ -369,7 +369,7 @@
 
 (rum/defc appearance < rum/reactive
   []
-  [:div#appearance_settings.cp__settings-appearance-modal-inner.w-96.p-4.shadow-xl
+  [:div#appearance_settings.cp__settings-appearance-modal-inner
    (theme-modes-row t)
    (editor-font-family-row t (state/sub :ui/editor-font))
    (toggle-wide-mode-row t (state/sub :ui/wide-mode?))
diff --git a/src/main/frontend/components/settings.css b/src/main/frontend/components/settings.css
index 3838ef621c..443d24ec9a 100644
--- a/src/main/frontend/components/settings.css
+++ b/src/main/frontend/components/settings.css
@@ -106,7 +106,7 @@
 
           & + div {
             display: flex;
-            align-items: center;
+            align-items: start;
             min-height: 24px;
             user-select: none;
 
@@ -243,6 +243,12 @@
   }
 }
 
+#appearance_settings {
+  &.cp__settings-appearance-modal-inner {
+    @apply w-auto p-5 shadow-none m-0;
+  }
+}
+
 .cp__theme-modes-options {
   @apply flex items-center m-0 list-none;