From 48f6410a7600640ff46008d1fd6f44605627246a Mon Sep 17 00:00:00 2001
From: sefaria <lars@larss-macbook-pro-3.local>
Date: Wed, 27 May 2026 13:31:33 +0200
Subject: [PATCH] new menu-bar styling, merge buttons and toggle right

---
 css/style.css | 18 ++++++++++++++----
 index.html    |  4 +++-
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index f7614f8..4d3e709 100644
--- a/css/style.css
+++ b/css/style.css
@@ -473,16 +473,16 @@ button:visited, .button-primary:visited, .logo:visited {
   backdrop-filter: blur(6px);
 }
 
-.site-header .menu-bar {
+.menu-bar {
   width: 900px;
   padding: var(--spacing-5) var(--spacing-6) var(--spacing-4) var(--spacing-5);
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 1rem;
+  gap: var(--spacing-4);
 }
 
-.menu-bar .menu-left {
+.menu-left, .menu-right {
   display: flex;
   align-items: stretch;
   gap: var(--spacing-4);
@@ -558,7 +558,7 @@ button:visited, .button-primary:visited, .logo:visited {
 .desktop-nav-secondary ul {
   display: flex;
   align-items: stretch;
-  gap: var(--spacing-3);
+  gap: var(--spacing-4);
   margin: 0;
   padding: 0;
   list-style: none;
@@ -1015,6 +1015,16 @@ footer a:visited {
   }
   .site-header .menu-bar {
   padding: var(--spacing-5) var(--spacing-4) var(--spacing-4) var(--spacing-4);
+  }
+  .menu-left, .menu-right {
+    gap: var(--spacing-3);
+  }
+  .desktop-nav-secondary ul {
+    gap: var(--spacing-3);
+  }
+  .menu-bar {
+    gap: var(--spacing-3);
+  }
 }
 
 @media print,
diff --git a/index.html b/index.html
index 392eb25..cad9bcc 100644
--- a/index.html
+++ b/index.html
@@ -50,6 +50,7 @@
         </nav>
       </div>
       
+      <div class="menu-right">
       <nav class="desktop-nav-secondary" aria-label="Secondary navigation">
         <ul>
           <li><button type="button" id="a11y-toggle" aria-pressed="false" class="button-secondary">
@@ -73,6 +74,7 @@
       >
         Menu
       </button>
+      </div>
     </div>
   </header>
   
@@ -87,7 +89,7 @@
     <div class="mobile-menu__header">
       <strong>Menu</strong>
       <button class="menu-close" id="menuClose" type="button" aria-label="Close menu">
-        ✕
+        Close
       </button>
     </div>