From e2738a7ffa97651a69f6e20a52fdcd6ddcaa7a63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Sat, 15 Jan 2022 22:02:51 +0300
Subject: [PATCH] =?UTF-8?q?change=20of=20the=20ugly=20"AUTO"=20button=20to?=
 =?UTF-8?q?=20the=20=E2=88=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<3
---
 src/renderer/style.less                 | 2 ++
 src/renderer/views/components/queue.ejs | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index 9df636f5..d017e913 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -2929,6 +2929,8 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
 
   .autoplay {
     background: rgb(200 200 200 / 15%);
+    color:rgb(255 255 255);
+    font-size: larger;
     appearance: none;
     border: 0;
     border-radius: 6px;
diff --git a/src/renderer/views/components/queue.ejs b/src/renderer/views/components/queue.ejs
index bfd2abd0..38885cc4 100644
--- a/src/renderer/views/components/queue.ejs
+++ b/src/renderer/views/components/queue.ejs
@@ -5,7 +5,7 @@
                 <h3 class="queue-header-text">Queue</h3>
             </div>
             <div class="col-auto flex-center">
-                <button class="autoplay" :style="{'background': app.mk.autoplayEnabled ? 'var(--keyColor)' : ''}" @click="app.mk.autoplayEnabled = !app.mk.autoplayEnabled">AUTO</button>
+                <button class="autoplay" :style="{'background': app.mk.autoplayEnabled ? 'var(--keyColor)' : ''}" @click="app.mk.autoplayEnabled = !app.mk.autoplayEnabled">∞</button>
             </div>
         </div>
         <div class="queue-body">