From 9cf753aae500111cb2e7972ee7064c02de371849 Mon Sep 17 00:00:00 2001 From: Gemini Bot Date: Wed, 3 Dec 2025 23:44:18 +0000 Subject: [PATCH] Style: Improved sidebar spacing (icons and footer) --- assets/css/style.css | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index faef318..288a680 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -78,6 +78,7 @@ body::before { padding: 25px; display: flex; flex-direction: column; + gap: 2rem; /* Minimum spacing between sections */ box-shadow: 10px 0 30px rgba(0,0,0,0.1); z-index: 100; min-height: 100vh; @@ -85,7 +86,7 @@ body::before { .sidebar .navbar-brand { color: var(--text-light); - margin-bottom: 40px; + margin-bottom: 10px; /* Reduced because of gap */ text-align: center; text-decoration: none; display: block; @@ -134,8 +135,20 @@ body::before { box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4); } -/* Modern Card Design (Glassmorphism) */ -.card { +.sidebar .nav-link i.fa-fw { + margin-right: 25px; /* Increased icon spacing */ + width: 24px; /* Slightly wider to center properly */ + text-align: center; +} + +.sidebar .username-display { + margin-top: auto; + padding-top: 30px; /* Increased padding */ + border-top: 1px solid rgba(255,255,255,0.1); + text-align: center; + font-size: 0.9rem; + color: rgba(255, 255, 255, 0.7); +} background: var(--glass-bg); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur);