From 548e5010b070fc2e8794ad863026d832aac7c538 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Wed, 20 Sep 2023 11:03:09 +0000
Subject: [PATCH] improve music track play button on mobile

---
 .../app/src/components/Music/Track/index.jsx  |  1 -
 .../app/src/components/Music/Track/index.less | 22 +++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/Music/Track/index.jsx b/packages/app/src/components/Music/Track/index.jsx
index 9d84bbc4..9fd5fa7d 100644
--- a/packages/app/src/components/Music/Track/index.jsx
+++ b/packages/app/src/components/Music/Track/index.jsx
@@ -12,7 +12,6 @@ import { Context } from "contexts/WithPlayerContext"
 import "./index.less"
 
 export default (props) => {
-    // use react context to get the current track
     const {
         track_manifest,
         playback_status,
diff --git a/packages/app/src/components/Music/Track/index.less b/packages/app/src/components/Music/Track/index.less
index 5d0cf99e..81e3c8f2 100644
--- a/packages/app/src/components/Music/Track/index.less
+++ b/packages/app/src/components/Music/Track/index.less
@@ -1,3 +1,25 @@
+html {
+    &.mobile {
+        .music-track {
+            .music-track_actions {
+                .music-track_action {
+                    position: relative;
+
+                    .music-track_orderIndex {
+                        transform: translate(-45%, -30%);
+                        padding: 0;
+                        font-size: 0.7rem;
+                    }
+
+                    .ant-btn {
+                        opacity: 1;
+                    }
+                }
+            }
+        }
+    }
+}
+
 .music-track {
     display: flex;
     flex-direction: row;