From 45d260f0ce2fb1ce39afb925d1d0eb8ea3612b19 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Mon, 5 Jun 2023 17:49:05 +0200
Subject: [PATCH] Move add config entry button to card (#16783)

---
 .../ha-config-integration-page.ts             | 23 ++++++++-----------
 src/translations/en.json                      |  2 +-
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/panels/config/integrations/ha-config-integration-page.ts b/src/panels/config/integrations/ha-config-integration-page.ts
index 2764832b6f..97bd2204d1 100644
--- a/src/panels/config/integrations/ha-config-integration-page.ts
+++ b/src/panels/config/integrations/ha-config-integration-page.ts
@@ -15,7 +15,6 @@ import {
   mdiOpenInNew,
   mdiPackageVariant,
   mdiPlayCircleOutline,
-  mdiPlus,
   mdiProgressHelper,
   mdiReload,
   mdiReloadAlert,
@@ -237,7 +236,7 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
       >
         <div class="container">
           <div class="column small">
-            <ha-card>
+            <ha-card class="overview">
               <div class="card-content">
                 <div class="logo-container">
                   <img
@@ -440,20 +439,16 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
               <mwc-list>
                 ${normalEntries.map((item) => this._renderConfigEntry(item))}
               </mwc-list>
+              <div class="card-actions">
+                <ha-button @click=${this._addIntegration}>
+                  ${this.hass.localize(
+                    "ui.panel.config.integrations.integration_page.add_entry"
+                  )}
+                </ha-button>
+              </div>
             </ha-card>
           </div>
         </div>
-        <ha-fab
-          slot="fab"
-          @click=${this._addIntegration}
-          .label=${this.hass.localize(
-            "ui.panel.config.integrations.integration_page.add",
-            { integration: domainToName(this.hass.localize, this.domain) }
-          )}
-          extended
-        >
-          <ha-svg-icon slot="icon" .path=${mdiPlus}></ha-svg-icon>
-        </ha-fab>
       </hass-subpage>
     `;
   }
@@ -1182,7 +1177,7 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
           display: flex;
           justify-content: center;
         }
-        .card-actions {
+        .overview .card-actions {
           padding: 0;
         }
         img {
diff --git a/src/translations/en.json b/src/translations/en.json
index a0e763a48c..3770173a1e 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -3253,7 +3253,7 @@
             "entries": "Integration entries",
             "no_entries": "No entries",
             "attention_entries": "Needs attention",
-            "add": "Add {integration}"
+            "add_entry": "Add entry"
           },
           "config_entry": {
             "application_credentials": {