Resolve misaligned action button in compact mode, per #5

lizsugar · May 20, 2022 · 4996e6d · 4996e6d
1 parent f28cb31
commit 4996e6d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/dist/slider-button-card.js b/dist/slider-button-card.js
@@ -8414,6 +8414,13 @@ let SliderButtonCard = class SliderButtonCard extends LitElement {
     .unavailable .action {
       color: var(--disabled-text-color);
     }
+
+    .compact .action {
+      position: relative;
+      float: right;
+      bottom: 0px;
+      right: 0px;
+    }
     
 
     .circular-loader {

diff --git a/src/slider-button-card.ts b/src/slider-button-card.ts
@@ -843,6 +843,13 @@ export class SliderButtonCard extends LitElement implements LovelaceCard {
     .unavailable .action {
       color: var(--disabled-text-color);
     }
+
+    .compact .action {
+      position: relative;
+      float: right;
+      bottom: 0px;
+      right: 0px;
+    }
     
 
     .circular-loader {