From ef2ca4a07fed0f07c6333e9b6ff075937b863de6 Mon Sep 17 00:00:00 2001
From: "David F. Mulcahey" <david.mulcahey@me.com>
Date: Mon, 20 Jan 2020 06:13:47 -0500
Subject: [PATCH] Clean up display of ZHA device page (#4522)

* remove margins

* adjust help icon and max width
---
 src/panels/config/zha/zha-cluster-attributes.ts | 4 ++--
 src/panels/config/zha/zha-cluster-commands.ts   | 4 ++--
 src/panels/config/zha/zha-clusters.ts           | 4 ++--
 src/panels/config/zha/zha-device-binding.ts     | 4 ++--
 src/panels/config/zha/zha-group-binding.ts      | 4 ++--
 src/panels/config/zha/zha-node.ts               | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/panels/config/zha/zha-cluster-attributes.ts b/src/panels/config/zha/zha-cluster-attributes.ts
index 4481024bd1..8bdd1fb405 100644
--- a/src/panels/config/zha/zha-cluster-attributes.ts
+++ b/src/panels/config/zha/zha-cluster-attributes.ts
@@ -279,8 +279,7 @@ export class ZHAClusterAttributes extends LitElement {
         }
 
         ha-card {
-          margin: 0 auto;
-          max-width: 600px;
+          max-width: 680px;
         }
 
         .card-actions.warning ha-call-service-button {
@@ -308,6 +307,7 @@ export class ZHAClusterAttributes extends LitElement {
           float: right;
           top: -6px;
           right: 0;
+          padding-right: 0px;
           color: var(--primary-color);
         }
 
diff --git a/src/panels/config/zha/zha-cluster-commands.ts b/src/panels/config/zha/zha-cluster-commands.ts
index 233f231735..1fb5dc3afb 100644
--- a/src/panels/config/zha/zha-cluster-commands.ts
+++ b/src/panels/config/zha/zha-cluster-commands.ts
@@ -212,8 +212,7 @@ export class ZHAClusterCommands extends LitElement {
         }
 
         ha-card {
-          margin: 0 auto;
-          max-width: 600px;
+          max-width: 680px;
         }
 
         .card-actions.warning ha-call-service-button {
@@ -253,6 +252,7 @@ export class ZHAClusterCommands extends LitElement {
           float: right;
           top: -6px;
           right: 0;
+          padding-right: 0px;
           color: var(--primary-color);
         }
 
diff --git a/src/panels/config/zha/zha-clusters.ts b/src/panels/config/zha/zha-clusters.ts
index 999816e772..c235d17aaf 100644
--- a/src/panels/config/zha/zha-clusters.ts
+++ b/src/panels/config/zha/zha-clusters.ts
@@ -146,8 +146,7 @@ export class ZHAClusters extends LitElement {
         }
 
         ha-card {
-          margin: 0 auto;
-          max-width: 600px;
+          max-width: 680px;
         }
 
         .node-picker {
@@ -161,6 +160,7 @@ export class ZHAClusters extends LitElement {
           float: right;
           top: -6px;
           right: 0;
+          padding-right: 0px;
           color: var(--primary-color);
         }
 
diff --git a/src/panels/config/zha/zha-device-binding.ts b/src/panels/config/zha/zha-device-binding.ts
index fa4fe4d8a9..5d6512df7d 100644
--- a/src/panels/config/zha/zha-device-binding.ts
+++ b/src/panels/config/zha/zha-device-binding.ts
@@ -158,8 +158,7 @@ export class ZHADeviceBindingControl extends LitElement {
         }
 
         ha-card {
-          margin: 0 auto;
-          max-width: 600px;
+          max-width: 680px;
         }
 
         .card-actions.warning ha-call-service-button {
@@ -188,6 +187,7 @@ export class ZHADeviceBindingControl extends LitElement {
           float: right;
           top: -6px;
           right: 0;
+          padding-right: 0px;
           color: var(--primary-color);
         }
 
diff --git a/src/panels/config/zha/zha-group-binding.ts b/src/panels/config/zha/zha-group-binding.ts
index 769f72e005..c98b1ba865 100644
--- a/src/panels/config/zha/zha-group-binding.ts
+++ b/src/panels/config/zha/zha-group-binding.ts
@@ -262,8 +262,7 @@ export class ZHAGroupBindingControl extends LitElement {
         }
 
         ha-card {
-          margin: 0 auto;
-          max-width: 600px;
+          max-width: 680px;
         }
 
         .card-actions.warning ha-call-service-button {
@@ -298,6 +297,7 @@ export class ZHAGroupBindingControl extends LitElement {
           float: right;
           top: -6px;
           right: 0;
+          padding-right: 0px;
           color: var(--primary-color);
         }
 
diff --git a/src/panels/config/zha/zha-node.ts b/src/panels/config/zha/zha-node.ts
index 0ce0d0bd25..f6ab86a649 100644
--- a/src/panels/config/zha/zha-node.ts
+++ b/src/panels/config/zha/zha-node.ts
@@ -97,8 +97,7 @@ export class ZHANode extends LitElement {
         }
 
         .content {
-          max-width: 600px;
-          margin: 0 auto;
+          max-width: 680px;
         }
 
         .card {
@@ -123,6 +122,7 @@ export class ZHANode extends LitElement {
           float: right;
           top: 6px;
           right: 0;
+          padding-right: 0px;
           color: var(--primary-color);
         }
       `,