From 06925f07164af3022e01a5f8bf96059f283216bc Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Wed, 4 Dec 2024 09:40:41 +0100
Subject: [PATCH] Reduce button target zone in media player more info (#23130)

---
 src/dialogs/more-info/controls/more-info-media_player.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 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
index 694b190d0488..93828334d4e7 100644
--- 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;