ui clean up

ljmerza · Jan 8, 2024 · 48e112f · 48e112f
1 parent d46e5c3
commit 48e112f
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 26 deletions.
diff --git a/dist/light-entity-card.js b/dist/light-entity-card.js
diff --git a/dist/light-entity-card.js.map b/dist/light-entity-card.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "light-entity-card",
-  "version": "6.1.2",
+  "version": "6.1.3",
   "description": "A light-entity card for Home Assistant Lovelace UI",
   "keywords": [
     "home-assistant",

diff --git a/src/index.js b/src/index.js
@@ -412,7 +412,9 @@ class LightEntityCard extends ScopedRegistryHost(LitElement) {
 
     return html`
       <div class="control light-entity-card-center">
-        <ha-icon icon="hass:${this.config.temperature_icon}"></ha-icon>
+        <div class="icon-container">
+          <ha-icon icon="hass:${this.config.temperature_icon}"></ha-icon>
+        </div>
         <ha-slider
           class="light-entity-card-color_temp"
           min="${stateObj.attributes.min_mireds}"

diff --git a/src/style.js b/src/style.js
@@ -15,7 +15,7 @@ const style = css`
   }
 
   .light-entity-card.group {
-    padding-bottom: 0;
+    padding-bottom: 5;
     padding-top: 0;
   }
 
@@ -25,7 +25,9 @@ const style = css`
 
   .percent-slider {
     color: var(--primary-text-color);
-    margin-top: 5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 
   .light-entity-card__header {
@@ -34,11 +36,9 @@ const style = css`
     @apply --paper-font-headline;
     line-height: 40px;
     color: var(--primary-text-color);
-    font-size: 24px;
   }
 
   .group .light-entity-card__header {
-    font-size: 16px;
   }
 
   .light-entity-card-sliders > div {
@@ -79,16 +79,14 @@ const style = css`
     cursor: pointer;
   }
 
-  .light-entity-card-toggle {
-    margin-right: 5px;
-  }
-
   .hidden {
     display: none;
   }
 
   .icon-container {
-    margin-top: 4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 `;