header fixes, regenerate darwin snapshots

src/components/Hamburger.astro

@@ -10,7 +10,6 @@ const { props } = Astro
     position: relative;
     transform: rotate(0deg);
     cursor: pointer;
-    margin-top: calc(var(--spacer) / 2);
   }
 
   .line {
@@ -57,11 +56,7 @@ const { props } = Astro
   }
 
   .button {
-    padding: calc(var(--spacer) / 2);
+    margin-bottom: -0.4rem;
-    vertical-align: middle;
-    display: inline-block;
-    margin: 0;
-    margin-right: -1rem;
   }
 
   .button:hover,

src/components/Header/index.module.css

@@ -56,5 +56,23 @@
 }
 
 .nav {
-  display: inline-block;
+  display: flex;
+  align-items: center;
+}
+
+.nav > div,
+.nav > button {
+  padding: calc(var(--spacer) / 2);
+}
+
+.nav > div,
+.nav > button,
+.nav > div > label,
+.nav > div > label > div {
+  display: inline-flex;
+  align-items: center;
+}
+
+.nav > button:last-of-type {
+  padding-right: 0;
 }

src/components/ThemeSwitch/index.module.css

@@ -1,8 +1,5 @@
 .themeSwitch {
   position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: calc(var(--spacer) / 4);
 }
 
 .themeSwitch svg {
@@ -19,7 +16,6 @@
 .checkbox {
   position: relative;
   cursor: pointer;
-  padding: calc(var(--spacer) / 2);
   display: block;
 }
 

src/features/Search/index.astro

@@ -21,14 +21,6 @@ import Search from './Search.tsx'
 </script>
 
 <style>
-  .searchButton {
-    padding: calc(var(--spacer) / 2);
-    vertical-align: middle;
-    display: inline-block;
-    margin: 0;
-    margin-right: calc(var(--spacer) / 4);
-  }
-
   .searchButton:focus {
     outline: 0;
   }