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>
This commit is contained in:
Smittix
2026-01-20 23:19:15 +00:00
parent 355872705e
commit 006779d469
+6 -4
View File
@@ -340,14 +340,16 @@ body {
} }
.mode-card .mode-icon { .mode-card .mode-icon {
font-size: 1.5rem; display: flex;
margin-bottom: 6px; justify-content: center;
align-items: center;
margin-bottom: 12px;
color: var(--text-secondary); color: var(--text-secondary);
} }
.mode-card .mode-icon svg { .mode-card .mode-icon svg {
width: 24px; width: 28px;
height: 24px; height: 28px;
} }
.mode-card .mode-name { .mode-card .mode-name {