Fix vertical alignment of Support us button in navbar

lenis2000 · claude · lenis2000 · commit d4f4aa38c0bd · 2025-05-25T23:20:36.000-04:00
- Add align-items-center to navbar container
- Use flexbox to vertically center nav items
- Ensure Support us button aligns properly with other nav elements

Co-authored-by: Claude &lt;noreply@anthropic.com&gt;
🤖 Generated with Claude Code
diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -66,8 +66,8 @@
     {% endif %}
     {% endfor %}
     </ul>
-    <ul class="navbar-nav ms-auto">
-      <li class="nav-item">
+    <ul class="navbar-nav ms-auto align-items-center">
+      <li class="nav-item d-flex align-items-center">
         <button class="theme-toggle-single me-2" id="theme-toggle" title="Toggle dark mode">
           <i class="fas fa-sun" id="theme-icon"></i>
         </button>
diff --git a/css/main.css b/css/main.css
@@ -679,6 +679,12 @@ footer {
   }
 }
 
+/* Fix vertical alignment of Support us button */
+.navbar-nav .nav-link.orange-item {
+  display: flex;
+  align-items: center;
+}
+
 /* Orange items in dark mode */
 [data-theme="dark"] .orange-item {
   background-color: #d14900;  /* Darker orange for dark mode */

Original file line number	Diff line number	Diff line change
`@@ -679,6 +679,12 @@ footer {`
`679`	`679`	`}`
`680`	`680`	`}`
`681`	`681`
	`682`	`+/* Fix vertical alignment of Support us button */`
	`683`	`+.navbar-nav .nav-link.orange-item {`
	`684`	`+ display: flex;`
	`685`	`+ align-items: center;`
	`686`	`+}`
	`687`	`+`
`682`	`688`	`/* Orange items in dark mode */`
`683`	`689`	`[data-theme="dark"] .orange-item {`
`684`	`690`	`background-color: #d14900; /* Darker orange for dark mode */`