Merge pull request steam-bell-92#1168 from anujsharma8d/fix/overlapping-sidebar

fix: sidebar overlapping with python playground

Author: steam-bell-92

web-app/css/styles.css

@@ -2788,6 +2788,15 @@ body.sidebar-active .sidebar-dock {
   color: var(--accent);
 }
 
+body.sidebar-active:not(.sidebar-collapsed) .playground-section {
+  padding-left: 296px !important;
+}
+
+body.sidebar-collapsed .playground-section {
+  padding-left: 128px !important;
+}
+
+
 /* ── CodeMirror 6 Editor Container ─────────────────────────── */
 #pythonEditor {
   flex: 1;
@@ -6384,3 +6393,4 @@ body.sidebar-collapsed .projects-section {
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
+}

web-app/index.html

@@ -576,20 +576,6 @@ <h2 class="playground-title">🐍 Python Playground</h2>
               <kbd>Tab</kbd> inserts 4 spaces
             </p>
           </div>
-
-                <div class="project-card" data-project="nqueens" data-category="utilities">
-                <div class="card-icon">👑</div>
-                <h3>N-Queen Problem Solver</h3>
-                <p>Place queens safely on the board using backtracking.</p>
-                 <button class="btn-play">Try It</button>
-                </div>
-
-
-                <div class="project-card" data-category="utilities" data-project="tower-of-hanoi">
-                    <div class="card-icon">🗼</div>
-                    <h3>Tower of Hanoi</h3>
-                    <p>Solve the classic puzzle!</p>
-                    <button class="btn-play">Try It</button>
           <div class="playground-body">
             <div class="editor-panel">
               <div class="panel-header">

web-app/js/main.js

@@ -1293,7 +1293,7 @@ document.addEventListener("DOMContentLoaded", function () {
       }, 50);
     }
     lastFocusedElement = null;
-  }
+  })
 
   if (modalClose) modalClose.addEventListener("click", closeProjectSafe);
   if (modal) {
@@ -1851,4 +1851,5 @@ projectCards.forEach(card => {
   // Initial card filtering state update
   updateProjectVisibility(currentCategory, currentSearchQuery);
   window.updateRecentlyViewed();
+}
 });