Reduce button target zone in media player more info (#23130)

home-assistant · Dec 4, 2024 · 06925f0 · 06925f0
1 parent afcfdb5
commit 06925f0
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/dialogs/more-info/controls/more-info-media_player.ts b/src/dialogs/more-info/controls/more-info-media_player.ts
@@ -207,12 +207,17 @@ class MoreInfoMediaPlayer extends LitElement {
 
   static get styles(): CSSResultGroup {
     return css`
-      ha-icon-button[action="turn_off"],
-      ha-icon-button[action="turn_on"],
       ha-slider {
         flex-grow: 1;
       }
 
+      ha-icon-button[action="turn_off"],
+      ha-icon-button[action="turn_on"] {
+        margin-inline-end: auto;
+        margin-right: auto;
+        margin-left: inherit;
+      }
+
       .controls {
         display: flex;
         flex-wrap: wrap;