From b9731e8b693ee2e084243d907e231fea9ab1aee7 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 7 Jun 2025 12:37:00 -0700
Subject: [PATCH] Fix: Prevented the main media buttons from varying in margin
 and size due to a media query dev: fixed formatting

---
 Theme/ElegantFin-theme-nightly.css | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index e25c42f..251da5e 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -365,7 +365,7 @@ html {
 }
 
 .layout-desktop .cardOverlayButton-br button[data-action="menu"],
-.layout-desktop .listItemButton[data-action="menu"]{
+.layout-desktop .listItemButton[data-action="menu"] {
     display: none;
 }
 
@@ -1845,6 +1845,13 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
     /* justify-content: center; */
 }
 
+@media (min-width: 100em) {
+    .mainDetailButtons {
+        font-size: unset;
+        margin: 1em 0;
+    }
+}
+
 .localnav>.emby-button {
     background: var(--lighterGradientPoint) !important;
     color: #fff;
@@ -2484,24 +2491,27 @@ div[data-role=controlgroup] a.ui-btn-active {
     color: var(--dimTextColor);
 }
 
-.channelPrograms+.channelPrograms, .guide-channelHeaderCell+.guide-channelHeaderCell {
+.channelPrograms+.channelPrograms,
+.guide-channelHeaderCell+.guide-channelHeaderCell {
     margin-top: 0;
 }
 
-.channelPrograms, .guide-channelHeaderCell, .programCell{
+.channelPrograms,
+.guide-channelHeaderCell,
+.programCell {
     border-color: transparent;
     /* this disables 'color coded backgrounds' */
     background-color: transparent !important;
 }
 
-.guideProgramName{
+.guideProgramName {
     background-color: rgba(255, 255, 255, .05);
     height: -webkit-fill-available;
     margin: .35em 0 .35em .7em;
     border-radius: var(--smallerRadius);
 }
 
-.guide-programNameCaret{
+.guide-programNameCaret {
     display: none;
 }