From c407cab5014cdc237eee623c38136bcef9c6918f Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Fri, 25 Oct 2019 16:54:42 +0200
Subject: [PATCH] Change entity reg table to full width

---
 .../ha-config-entity-registry.ts              | 61 ++++++++++++++-----
 1 file changed, 45 insertions(+), 16 deletions(-)

diff --git a/src/panels/config/entity_registry/ha-config-entity-registry.ts b/src/panels/config/entity_registry/ha-config-entity-registry.ts
index b0424d4511..e7854ece8f 100644
--- a/src/panels/config/entity_registry/ha-config-entity-registry.ts
+++ b/src/panels/config/entity_registry/ha-config-entity-registry.ts
@@ -21,7 +21,6 @@ import "../../../components/ha-switch";
 import { domainIcon } from "../../../common/entity/domain_icon";
 import { stateIcon } from "../../../common/entity/state_icon";
 import { computeDomain } from "../../../common/entity/compute_domain";
-import "../ha-config-section";
 import {
   showEntityRegistryDetailDialog,
   loadEntityRegistryDetailDialog,
@@ -134,13 +133,14 @@ class HaConfigEntityRegistry extends LitElement {
           "ui.panel.config.entity_registry.caption"
         )}"
       >
-        <ha-config-section .isWide=${this.isWide}>
-          <span slot="header">
+      <div class="content">
+        <div class="intro">
+          <h2>
             ${this.hass.localize(
               "ui.panel.config.entity_registry.picker.header"
             )}
-          </span>
-          <span slot="introduction">
+          </h2>
+          <p>
             ${this.hass.localize(
               "ui.panel.config.entity_registry.picker.introduction"
             )}
@@ -159,17 +159,18 @@ class HaConfigEntityRegistry extends LitElement {
               @change=${this._showDisabledChanged}
               >${this.hass.localize(
                 "ui.panel.config.entity_registry.picker.show_disabled"
-              )}</ha-switch
-            >
-          </span>
-          <ha-data-table
-            .columns=${this._columns(this.hass.language)}
-            .data=${this._filteredEntities(this._entities, this._showDisabled)}
-            @row-click=${this._openEditEntry}
-            id="entity_id"
-          >
-          </ha-data-table>
-        </ha-config-section>
+              )}
+            </ha-switch>
+          </div>
+        </p>
+        <ha-data-table
+          .columns=${this._columns(this.hass.language)}
+          .data=${this._filteredEntities(this._entities, this._showDisabled)}
+          @row-click=${this._openEditEntry}
+          id="entity_id"
+        >
+        </ha-data-table>
+        </div>
       </hass-subpage>
     `;
   }
@@ -213,6 +214,34 @@ class HaConfigEntityRegistry extends LitElement {
       a {
         color: var(--primary-color);
       }
+      h2 {
+        margin-top: 0;
+        font-family: var(--paper-font-display1_-_font-family);
+        -webkit-font-smoothing: var(
+          --paper-font-display1_-_-webkit-font-smoothing
+        );
+        font-size: var(--paper-font-display1_-_font-size);
+        font-weight: var(--paper-font-display1_-_font-weight);
+        letter-spacing: var(--paper-font-display1_-_letter-spacing);
+        line-height: var(--paper-font-display1_-_line-height);
+        opacity: var(--dark-primary-opacity);
+      }
+      p {
+        font-family: var(--paper-font-subhead_-_font-family);
+        -webkit-font-smoothing: var(
+          --paper-font-subhead_-_-webkit-font-smoothing
+        );
+        font-size: var(--paper-font-subhead_-_font-size);
+        font-weight: var(--paper-font-subhead_-_font-weight);
+        line-height: var(--paper-font-subhead_-_line-height);
+        opacity: var(--dark-primary-opacity);
+      }
+      .intro {
+        padding: 24px 16px 0;
+      }
+      .content {
+        padding: 4px;
+      }
       ha-data-table {
         margin-bottom: 24px;
         margin-top: 0px;