diff --git a/src/components/Hamburger.astro b/src/components/Hamburger.astro index 2990b3ca..9a06e6cc 100644 --- a/src/components/Hamburger.astro +++ b/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); - vertical-align: middle; - display: inline-block; - margin: 0; - margin-right: -1rem; + margin-bottom: -0.4rem; } .button:hover, diff --git a/src/components/Header/index.module.css b/src/components/Header/index.module.css index 42633b44..ff6a4a67 100644 --- a/src/components/Header/index.module.css +++ b/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; } diff --git a/src/components/ThemeSwitch/index.module.css b/src/components/ThemeSwitch/index.module.css index ab8a11c0..74ec7fd2 100644 --- a/src/components/ThemeSwitch/index.module.css +++ b/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; } diff --git a/src/features/Search/index.astro b/src/features/Search/index.astro index 36943270..21b3646b 100644 --- a/src/features/Search/index.astro +++ b/src/features/Search/index.astro @@ -21,14 +21,6 @@ import Search from './Search.tsx'