make sure narrow is passed

Author: timmo001

src/panels/calendar/ha-panel-calendar.ts

@@ -114,7 +114,11 @@ class PanelCalendar extends LitElement {
     );
     const showPane = this._showPaneController.value ?? !this.narrow;
     return html`
-      <ha-two-pane-top-app-bar-fixed .pane=${showPane} footer>
+      <ha-two-pane-top-app-bar-fixed
+        .pane=${showPane}
+        footer
+        .narrow=${this.narrow}
+      >
         <ha-menu-button
           slot="navigationIcon"
           .hass=${this.hass}
@@ -303,10 +307,6 @@ class PanelCalendar extends LitElement {
                 0px
               ) - var(--safe-area-inset-bottom, 0px)
           );
-          padding-right: var(--safe-area-inset-right);
-        }
-        :host([narrow]) ha-full-calendar {
-          padding-left: var(--safe-area-inset-left);
         }
         ha-button-menu ha-button {
           --ha-font-size-m: var(--ha-font-size-l);

src/panels/config/dashboard/ha-config-dashboard.ts

@@ -212,7 +212,7 @@ class HaConfigDashboard extends SubscribeMixin(LitElement) {
       this._repairsIssues;
 
     return html`
-      <ha-top-app-bar-fixed>
+      <ha-top-app-bar-fixed narrow=${this.narrow}>
         <ha-menu-button
           slot="navigationIcon"
           .hass=${this.hass}

src/panels/history/ha-panel-history.ts

@@ -120,7 +120,7 @@ class HaPanelHistory extends LitElement {
   protected render() {
     const entitiesSelected = this._getEntityIds().length > 0;
     return html`
-      <ha-top-app-bar-fixed>
+      <ha-top-app-bar-fixed narrow=${this.narrow}>
         ${this._showBack
           ? html`
               <ha-icon-button-arrow-prev

src/panels/logbook/ha-panel-logbook.ts

@@ -65,7 +65,7 @@ export class HaPanelLogbook extends LitElement {
 
   protected render() {
     return html`
-      <ha-top-app-bar-fixed>
+      <ha-top-app-bar-fixed narrow=${this.narrow}>
         ${this._showBack
           ? html`
               <ha-icon-button-arrow-prev

src/panels/lovelace/hui-editor.ts

@@ -48,7 +48,7 @@ class LovelaceFullConfigEditor extends LitElement {
 
   protected render(): TemplateResult | undefined {
     return html`
-      <ha-top-app-bar-fixed>
+      <ha-top-app-bar-fixed narrow=${this.narrow}>
         <ha-icon-button
           slot="navigationIcon"
           .path=${mdiClose}

src/panels/map/ha-panel-map.ts

@@ -21,7 +21,7 @@ class HaPanelMap extends LitElement {
 
   protected render() {
     return html`
-      <ha-top-app-bar-fixed>
+      <ha-top-app-bar-fixed narrow=${this.narrow}>
         <ha-menu-button
           slot="navigationIcon"
           .hass=${this.hass}

src/panels/media-browser/ha-panel-media-browser.ts

@@ -92,7 +92,7 @@ class PanelMediaBrowser extends LitElement {
 
   protected render(): TemplateResult {
     return html`
-      <ha-top-app-bar-fixed>
+      <ha-top-app-bar-fixed narrow=${this.narrow}>
         ${this._navigateIds.length > 1
           ? html`
               <ha-icon-button-arrow-prev

src/panels/todo/ha-panel-todo.ts

@@ -165,7 +165,11 @@ class PanelTodo extends LitElement {
         </ha-list-item> `
     );
     return html`
-      <ha-two-pane-top-app-bar-fixed .pane=${showPane} footer>
+      <ha-two-pane-top-app-bar-fixed
+        .pane=${showPane}
+        footer
+        .narrow=${this.narrow}
+      >
         <ha-menu-button
           slot="navigationIcon"
           .hass=${this.hass}