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

---
 src/components/SelectAllButton.svelte | 76 +++++++++++++--------------
 1 file changed, 37 insertions(+), 39 deletions(-)

diff --git a/src/components/SelectAllButton.svelte b/src/components/SelectAllButton.svelte
index c41627f1e..73ceebbec 100644
--- a/src/components/SelectAllButton.svelte
+++ b/src/components/SelectAllButton.svelte
@@ -13,43 +13,41 @@
   }
 </script>
 
-<div class="w-14 sm:w-44">
-  {#if isAllSelected}
-    <DefaultButton on:click={deselectAll} area-label="Deselect All ({$selected.length})">
-      <span class="sm:hidden inline">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="currentColor"
-          class="w-5 h-5"
-        >
-          <path
-            fill-rule="evenodd"
-            d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm3 10.5a.75.75 0 000-1.5H9a.75.75 0 000 1.5h6z"
-            clip-rule="evenodd"
-          />
-        </svg>
-      </span>
-      <span class="hidden sm:inline">Deselect All ({$selected.length})</span>
-    </DefaultButton>
-  {:else}
-    <DefaultButton on:click={selectAll} area-label="Select All ({$filteredChannels.length})">
-      <span class="sm:hidden inline">
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="currentColor"
-          class="w-5 h-5"
-        >
-          <path
-            fill-rule="evenodd"
-            d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
-            clip-rule="evenodd"
-          />
-        </svg>
-      </span>
+{#if isAllSelected}
+  <DefaultButton on:click={deselectAll} area-label="Deselect All ({$selected.length})">
+    <span class="inline">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        class="w-5 h-5"
+      >
+        <path
+          fill-rule="evenodd"
+          d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm3 10.5a.75.75 0 000-1.5H9a.75.75 0 000 1.5h6z"
+          clip-rule="evenodd"
+        />
+      </svg>
+    </span>
+    <span class="hidden sm:inline">Deselect All ({$selected.length})</span>
+  </DefaultButton>
+{:else}
+  <DefaultButton on:click={selectAll} area-label="Select All ({$filteredChannels.length})">
+    <span class="inline">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        class="w-5 h-5"
+      >
+        <path
+          fill-rule="evenodd"
+          d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"
+          clip-rule="evenodd"
+        />
+      </svg>
+    </span>
 
-      <span class="hidden sm:inline">Select All ({$filteredChannels.length})</span>
-    </DefaultButton>
-  {/if}
-</div>
+    <span class="hidden sm:inline">Select All ({$filteredChannels.length})</span>
+  </DefaultButton>
+{/if}