From a5f7a5aa16290273f043460f43d1c7bbe5f9782d Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Wed, 18 Dec 2024 11:58:45 -0800
Subject: [PATCH] New: Styled the sidebar in Dashboard

---
 Theme/ElegantFin-theme-nightly.css | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index ee245d5..b9c6b93 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -689,6 +689,10 @@ div[data-role=controlgroup] a.ui-btn-active {
     border-right: solid var(--borderColor) var(--borderWidth);
 }
 
+.MuiDrawer-paper:first-child {
+    margin-block-start: .25em;
+}
+
 [dir=ltr] .navMenuOption {
     padding: .75em 1em !important;
 }
@@ -709,7 +713,7 @@ div[data-role=controlgroup] a.ui-btn-active {
 .listItem:hover,
 .navMenuOption:hover {
     background: rgba(255, 255, 255, 0.125);
-    border-radius: var(--smallRadius);
+    border-radius: .7em;
 }
 
 .navMenuOption-selected {
@@ -717,6 +721,20 @@ div[data-role=controlgroup] a.ui-btn-active {
     border: solid var(--lighterBorderColor) var(--borderWidth);
 }
 
+.MuiListItem-root>a,
+.MuiList-root>a,
+.MuiListItem-root>div {
+    border: solid transparent var(--borderWidth);
+    border-radius: .7em;
+    margin-inline: .5em !important;
+    margin-block: .25em !important;
+}
+
+.Mui-selected {
+    background-color: var(--activeColor) !important;
+    border: solid var(--lighterBorderColor) var(--borderWidth) !important;
+}
+
 .noBackdropTransparency .detailPageSecondaryContainer {
     background-color: transparent;
 }