From af0c33282ae73a5b7d1dcfc4eb33c5f49077426a Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Tue, 12 May 2026 13:45:41 -0400
Subject: [PATCH] Improve sidebar spacing and layout - push sidebar right, add
 visual divider for next tracks

---
 src/App.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index 7e4d6c1..21bc361 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1180,9 +1180,10 @@
 
 .study-tracks-with-sidebar {
   display: grid;
-  grid-template-columns: 1fr 340px;
-  gap: 2.5rem;
+  grid-template-columns: 1fr 380px;
+  gap: 4rem;
   align-items: start;
+  width: 100%;
 }
 
 .study-tracks-main {
@@ -1197,6 +1198,22 @@
   border-radius: 16px;
   padding: 1.5rem;
   height: fit-content;
+  margin-left: auto;
+}
+
+#study-tracks {
+  width: 100%;
+  display: block;
+}
+
+#study-tracks ~ .section-study-module {
+  clear: both;
+  width: 100%;
+  display: block;
+  margin-top: 3rem;
+  padding-top: 3rem;
+  border-top: 1px solid rgba(201, 168, 76, 0.15);
+  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(201, 168, 76, 0.03));
 }
 
 .study-signup-sidebar-header {