From 3b01427bfa1ca95d20f87f047c8e6d53c3e02494 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sun, 11 May 2025 18:16:28 +0530
Subject: [PATCH] New: On phones, resized, restyled and placed the play/resume
 button on top, with the other buttons below it

---
 Theme/ElegantFin-theme-nightly.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 7833824..939817c 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -903,11 +903,27 @@ progress+span {
     backdrop-filter: var(--blurLarge);
 }
 
+.layout-mobile .detailButton:not(.btnPlay) {
+    color: var(--dimTextColor);
+    backdrop-filter: none;
+    border-color: transparent;
+}
+
 .btnPlay.detailButton {
     background-color: rgba(255, 255, 255, 0.05);
     border: var(--defaultLighterBorder);
 }
 
+.layout-mobile .btnPlay.detailButton {
+    background-color: var(--textColor);
+    color: black;
+    flex: 0 0 100%;
+    border-radius: 3em;
+    border-color: var(--borderColor);
+    height: 3em;
+    font-size: medium;
+}
+
 .btnPlay>.detailButton-content {
     -webkit-align-items: unset;
     align-items: unset;
@@ -935,6 +951,11 @@ progress+span {
     place-content: center;
 }
 
+.layout-mobile [dir=ltr] .mainDetailButtons {
+    flex-wrap: wrap;
+    padding-inline: 20%;
+}
+
 .mainDrawer,
 .drawer-open {
     background-color: var(--drawerColor);