From 4c0d44a99d57e598a77739b00611e4dad27f5ae8 Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Tue, 20 Jan 2026 23:19:15 +0000
Subject: [PATCH] Improve mode card icon spacing and centering

- Increase margin-bottom from 6px to 12px for better spacing
- Add flexbox centering to properly align icons
- Bump icon size to 28px for better visual balance

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/css/index.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 164d964..35d8cf6 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -340,14 +340,16 @@ body {
 }
 
 .mode-card .mode-icon {
-    font-size: 1.5rem;
-    margin-bottom: 6px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 12px;
     color: var(--text-secondary);
 }
 
 .mode-card .mode-icon svg {
-    width: 24px;
-    height: 24px;
+    width: 28px;
+    height: 28px;
 }
 
 .mode-card .mode-name {