From 49f2fd2af78d6387e38b3c3919d591d4f806279b Mon Sep 17 00:00:00 2001
From: Aidan Timson <contact@timmo.xyz>
Date: Fri, 24 Apr 2020 09:35:21 +0100
Subject: [PATCH] Fix integrations fab spacing (#5594)

* Fix integrations fab spacing

* Use is-wide
---
 .../config/integrations/ha-config-integrations.ts    | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/panels/config/integrations/ha-config-integrations.ts b/src/panels/config/integrations/ha-config-integrations.ts
index 15dd7a88e8..b078c127c6 100644
--- a/src/panels/config/integrations/ha-config-integrations.ts
+++ b/src/panels/config/integrations/ha-config-integrations.ts
@@ -385,8 +385,9 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
           aria-label=${this.hass.localize("ui.panel.config.integrations.new")}
           title=${this.hass.localize("ui.panel.config.integrations.new")}
           @click=${this._createFlow}
-          ?rtl=${computeRTL(this.hass!)}
+          ?is-wide=${this.isWide}
           ?narrow=${this.narrow}
+          ?rtl=${computeRTL(this.hass!)}
         ></ha-fab>
       </hass-tabs-subpage>
     `;
@@ -643,6 +644,10 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
           right: 16px;
           z-index: 1;
         }
+        ha-fab[is-wide] {
+          bottom: 24px;
+          right: 24px;
+        }
         ha-fab[narrow] {
           bottom: 84px;
         }
@@ -650,6 +655,11 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
           right: auto;
           left: 16px;
         }
+        ha-fab[is-wide].rtl {
+          bottom: 24px;
+          left: 24px;
+          right: auto;
+        }
         paper-menu-button {
           color: var(--secondary-text-color);
           padding: 0;