From 4e287c0e857d08efd062424e209939ba2d278b7b Mon Sep 17 00:00:00 2001
From: sefaria <lars@larss-macbook-pro-3.local>
Date: Sat, 23 May 2026 15:35:42 +0200
Subject: [PATCH] change menu styling

---
 css/style.css |  9 +++++++++
 index.html    | 28 ++++++++++++++--------------
 2 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/css/style.css b/css/style.css
index aeab855..c23f1b8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -448,6 +448,7 @@ button:visited, .link-button:visited, .logo:visited {
   align-items: center;
   justify-content: center;
   gap: 1rem;
+  min-height: 44px;
 }
 
 /* .desktop-nav {
@@ -455,6 +456,14 @@ button:visited, .link-button:visited, .logo:visited {
   align-self: stretch;
 } */
 
+.desktop-nav {
+  flex: 1;  
+  background: var(--color-neutral-200);
+  border-radius: var(--radius-xxl);
+  box-shadow: var(--shadow-button);
+  padding: var(--spacing-1);
+}
+
 .desktop-nav ul,
 .mobile-menu ul {
   list-style: none;
diff --git a/index.html b/index.html
index 77e941a..3b4695b 100644
--- a/index.html
+++ b/index.html
@@ -43,21 +43,21 @@
             <li><a href="#" class="link-button">About</a></li>
           </ul>
         </nav>
-    </div>
+      </div>
   
-    <button
-      class="menu-toggle"
-      id="menuToggle"
-      type="button"
-      aria-expanded="false"
-      aria-controls="mobileMenu"
-      aria-haspopup="true"
-      aria-label="Open menu"
-    >
-      <span></span>
-      <span></span>
-      <span></span>
-    </button>
+      <button
+        class="menu-toggle"
+        id="menuToggle"
+        type="button"
+        aria-expanded="false"
+        aria-controls="mobileMenu"
+        aria-haspopup="true"
+        aria-label="Open menu"
+      >
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
     </div>
   </header>