From 0b302db5fa275bfc8b2aa54340270ab8c4679446 Mon Sep 17 00:00:00 2001
From: freearhey <7253922+freearhey@users.noreply.github.com>
Date: Tue, 10 Oct 2023 06:14:38 +0300
Subject: [PATCH] Update CreatePlaylistButton.svelte

---
 src/components/CreatePlaylistButton.svelte | 106 ++++++++++-----------
 1 file changed, 52 insertions(+), 54 deletions(-)

diff --git a/src/components/CreatePlaylistButton.svelte b/src/components/CreatePlaylistButton.svelte
index 318473cef..8bc9a8a15 100644
--- a/src/components/CreatePlaylistButton.svelte
+++ b/src/components/CreatePlaylistButton.svelte
@@ -7,57 +7,55 @@
   const dispatch = createEventDispatcher()
 </script>
 
-<div class="w-14 sm:w-36">
-  <ActionButton
-    disabled={$downloadMode}
-    on:click={() => {
-      downloadMode.set(true)
-      dispatch('click')
-    }}
-    area-label="Create Playlist"
-  >
-    <span class="sm:hidden inline">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        class="w-5 h-5"
-        fill="currentColor"
-        viewBox="0 0 512 512"
-        ><path
-          fill="none"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="48"
-          d="M160 144h288M160 256h288M160 368h288"
-        /><circle
-          cx="80"
-          cy="144"
-          r="16"
-          fill="none"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="32"
-        /><circle
-          cx="80"
-          cy="256"
-          r="16"
-          fill="none"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="32"
-        /><circle
-          cx="80"
-          cy="368"
-          r="16"
-          fill="none"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="32"
-        /></svg
-      >
-    </span><span class="hidden sm:inline">Create Playlist</span>
-  </ActionButton>
-</div>
+<ActionButton
+  disabled={$downloadMode}
+  on:click={() => {
+    downloadMode.set(true)
+    dispatch('click')
+  }}
+  area-label="Create Playlist"
+>
+  <span class="inline">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="w-5 h-5"
+      fill="currentColor"
+      viewBox="0 0 512 512"
+      ><path
+        fill="none"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="48"
+        d="M160 144h288M160 256h288M160 368h288"
+      /><circle
+        cx="80"
+        cy="144"
+        r="16"
+        fill="none"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="32"
+      /><circle
+        cx="80"
+        cy="256"
+        r="16"
+        fill="none"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="32"
+      /><circle
+        cx="80"
+        cy="368"
+        r="16"
+        fill="none"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="32"
+      /></svg
+    >
+  </span><span class="hidden sm:inline">Create Playlist</span>
+</ActionButton>