Fix mobile menu button content (home-assistant#34703)

Hedda · Sep 12, 2024 · 4798fc6 · 4798fc6
1 parent 0a9b703
commit 4798fc6
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/sass/homeassistant/base/_navigation.scss b/sass/homeassistant/base/_navigation.scss
@@ -184,14 +184,14 @@ header .grid {
     @include box-sizing(border-box);
     @include transition(all 0.5s linear);
     content: "☰";
-    display: inline-block;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 32px;
     height: 32px;
-    padding: 4px 9px;
     background: $primary-color;
     text-align: center;
     font-family: $sans-serif;
-    font-size: 16px;
     color: $white;
     white-space: nowrap;
     border-radius: 24px;
@@ -203,6 +203,7 @@ header .grid {
 
   #toggle:checked + .toggle::after {
     content: attr(data-close);
+    padding-bottom: 2px;
   }
 
   /* submenus */