From 12d2a235bf1cfebc9c893b42e781c5e77f36d80d Mon Sep 17 00:00:00 2001
From: Xi Xu <i@xi-xu.me>
Date: Fri, 8 Aug 2025 21:56:37 +0800
Subject: [PATCH] Add compact style for setting group and label

Introduced 'compact' classes for .setting-group and .setting-label to adjust padding and margin for a more condensed layout. Applied these classes to the extension enable setting for improved UI spacing.
---
 popup.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/popup.html b/popup.html
index 283c92c..868c130 100644
--- a/popup.html
+++ b/popup.html
@@ -131,6 +131,11 @@
         transition: all 0.3s ease;
       }
 
+      .setting-group.compact {
+        padding: 10px 15px;
+        margin-bottom: 20px;
+      }
+
       .setting-group:hover {
         transform: translateY(-2px);
         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
@@ -144,6 +149,10 @@
         color: var(--text-secondary-color);
       }
 
+      .setting-label.compact {
+        margin-bottom: 0;
+      }
+
       .toggle-switch {
         position: relative;
         display: inline-block;
@@ -366,13 +375,14 @@
     </div>
 
     <div class="content">
-      <div class="setting-group">
-        <label class="setting-label">
+      <div class="setting-group compact">
+        <label class="setting-label compact">
           <div
             style="
               display: flex;
               align-items: center;
               justify-content: space-between;
+              min-height: 28px;
             "
           >
             <span>启用扩展</span>