Fix header title padding (#22568)

* Update ha-header-bar.ts * Update ha-top-app-bar-fixed.ts * Update ha-two-pane-top-app-bar-fixed.ts
home-assistant · Oct 28, 2024 · 4debac6 · 4debac6
1 parent 4af231e
commit 4debac6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/ha-header-bar.ts b/src/components/ha-header-bar.ts
@@ -46,7 +46,7 @@ export class HaHeaderBar extends LitElement {
           flex: none;
         }
         .mdc-top-app-bar__title {
-          padding-inline-start: 20px;
+          padding-inline-start: 24px;
           padding-inline-end: initial;
         }
       `,

diff --git a/src/components/ha-top-app-bar-fixed.ts b/src/components/ha-top-app-bar-fixed.ts
@@ -24,7 +24,7 @@ export class HaTopAppBarFixed extends TopAppBarFixedBase {
         );
       }
       .mdc-top-app-bar__title {
-        padding-inline-start: 20px;
+        padding-inline-start: 24px;
         padding-inline-end: initial;
       }
     `,

diff --git a/src/components/ha-two-pane-top-app-bar-fixed.ts b/src/components/ha-two-pane-top-app-bar-fixed.ts
@@ -321,7 +321,7 @@ export class TopAppBarBaseBase extends BaseElement {
         overflow: auto;
       }
       .mdc-top-app-bar__title {
-        padding-inline-start: 20px;
+        padding-inline-start: 24px;
         padding-inline-end: initial;
       }
     `,