From 627859b1f7a3ee1cac1bc45d4b2abd4f03a56cf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Sun, 23 Jan 2022 15:17:55 +0300
Subject: [PATCH] switched unicode infinity symbol to the SVG file and fixed
 the centering

---
 src/renderer/style.less                 | 13 ++++++++-----
 src/renderer/views/components/queue.ejs |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index b976221f..51a80f93 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -3455,14 +3455,17 @@ 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;
+    display: flex;
+    justify-content: center;
     appearance: none;
     border: 0;
     border-radius: 6px;
-    font-weight: 500;
-    font-family: inherit;
-    height: 30px;
+    height: 32px;
+    width: 32px;
+  }
+  .infinity{
+    content: url("./assets/infinity.svg");
+    margin: auto;
   }
 }
 
diff --git a/src/renderer/views/components/queue.ejs b/src/renderer/views/components/queue.ejs
index 2b30c3ea..1bd4233b 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">∞</button>
+                <button class="autoplay" :style="{'background': app.mk.autoplayEnabled ? 'var(--keyColor)' : ''}" @click="app.mk.autoplayEnabled = !app.mk.autoplayEnabled"> <img class="infinity"></button>
             </div>
         </div>
         <div class="queue-body">