From e6d77af4383b6f3a065d32e1aa95a831a7040124 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Wed, 28 Jun 2023 15:55:12 +0200
Subject: [PATCH] Make space for fab (#17070)

---
 src/panels/lovelace/views/hui-masonry-view.ts | 11 +++++++++--
 src/panels/lovelace/views/hui-sidebar-view.ts |  8 +++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/panels/lovelace/views/hui-masonry-view.ts b/src/panels/lovelace/views/hui-masonry-view.ts
index ea41c5d69a..45d3d3f1a0 100644
--- a/src/panels/lovelace/views/hui-masonry-view.ts
+++ b/src/panels/lovelace/views/hui-masonry-view.ts
@@ -90,9 +90,12 @@ export class MasonryView extends LitElement implements LovelaceViewElement {
   protected render(): TemplateResult {
     return html`
       ${this.badges.length > 0
-        ? html` <div class="badges">${this.badges}</div>`
+        ? html`<div class="badges">${this.badges}</div>`
         : ""}
-      <div id="columns"></div>
+      <div
+        id="columns"
+        class=${this.lovelace?.editMode ? "edit-mode" : ""}
+      ></div>
       ${this.lovelace?.editMode
         ? html`
             <ha-fab
@@ -315,6 +318,10 @@ export class MasonryView extends LitElement implements LovelaceViewElement {
         margin-right: 4px;
       }
 
+      #columns.edit-mode {
+        margin-bottom: 72px;
+      }
+
       .column {
         flex: 1 0 0;
         max-width: 500px;
diff --git a/src/panels/lovelace/views/hui-sidebar-view.ts b/src/panels/lovelace/views/hui-sidebar-view.ts
index 6ed7cce4b4..6d2668abe5 100644
--- a/src/panels/lovelace/views/hui-sidebar-view.ts
+++ b/src/panels/lovelace/views/hui-sidebar-view.ts
@@ -91,7 +91,9 @@ export class SideBarView extends LitElement implements LovelaceViewElement {
 
   protected render(): TemplateResult {
     return html`
-      <div class="container"></div>
+      <div
+        class="container ${this.lovelace?.editMode ? "edit-mode" : ""}"
+      ></div>
       ${this.lovelace?.editMode
         ? html`
             <ha-fab
@@ -205,6 +207,10 @@ export class SideBarView extends LitElement implements LovelaceViewElement {
         margin-right: 4px;
       }
 
+      .container.edit-mode {
+        margin-bottom: 72px;
+      }
+
       #main {
         max-width: 1620px;
         flex-grow: 2;