From f67123a41feaa3b9b6dbacdd6f7aef4a9b2d2419 Mon Sep 17 00:00:00 2001
From: CN-JS-HuiBai <huyang@littlediary.cn>
Date: Sat, 4 Apr 2026 20:49:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/style.css | 7 +++++++
 public/index.html    | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/css/style.css b/public/css/style.css
index 6e8afc9..bdab5df 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -389,6 +389,7 @@ input:checked + .slider:before {
   font-weight: 600;
   color: var(--accent-indigo);
   opacity: 0.9;
+  margin-top: 3px;
 }
 
 :root.light-theme .title-time {
@@ -547,6 +548,12 @@ input:checked + .slider:before {
   padding: 18px 22px 0;
 }
 
+.chart-header-left {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
 .chart-title {
   display: flex;
   align-items: center;
diff --git a/public/index.html b/public/index.html
index 7a657ab..407e609 100644
--- a/public/index.html
+++ b/public/index.html
@@ -173,7 +173,7 @@
         <!-- Network Traffic 24h Chart -->
         <div class="chart-card chart-card-wide" id="networkChart">
           <div class="chart-card-header">
-            <div style="display: flex; align-items: center; gap: 16px;">
+            <div class="chart-header-left">
               <h2 class="chart-title">
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="chart-title-icon">
                   <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>