From 462404b53ef4277240e0bf686ce9340d9a592576 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Tue, 17 Mar 2026 16:54:41 +0400
Subject: [PATCH] Fix sidebar content padding, class name

---
 app/components/app-menu/index.gjs |  2 +-
 app/styles/app.css                | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/components/app-menu/index.gjs b/app/components/app-menu/index.gjs
index 2d60be8..ded7c58 100644
--- a/app/components/app-menu/index.gjs
+++ b/app/components/app-menu/index.gjs
@@ -17,7 +17,7 @@ export default class AppMenu extends Component {
   }
 
   <template>
-    <div class="sidebar settings-pane">
+    <div class="sidebar app-menu-pane">
       {{#if (eq this.currentView "menu")}}
         <AppMenuHome @onNavigate={{this.setView}} @onClose={{@onClose}} />
 
diff --git a/app/styles/app.css b/app/styles/app.css
index 850523f..3c0b9eb 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -214,12 +214,12 @@ body {
   overflow: hidden; /* Ensure flex children are contained */
 }
 
-.settings-pane.sidebar {
+.sidebar.app-menu-pane {
   z-index: 3200; /* Higher than Places Sidebar (3100) */
 }
 
 @media (width <= 768px) {
-  .settings-pane.sidebar {
+  .sidebar.app-menu-pane {
     width: 100%;
     right: 0;
     border-radius: 16px 16px 0 0;
@@ -246,7 +246,7 @@ body {
 }
 
 .sidebar-content {
-  padding: 0.5rem 1rem 1rem;
+  padding: 1rem;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   flex: 1;
@@ -255,6 +255,10 @@ body {
   overscroll-behavior: contain;
 }
 
+.app-menu-pane .sidebar-content {
+  padding-top: 0.5rem;
+}
+
 .app-menu {
   list-style: none;
   padding: 0;