feat: better share button

src/lib/components/kurosearch/button-share/ShareButton.svelte

@@ -4,6 +4,7 @@
 	import sort from '$lib/store/sort-store';
 	import filter from '$lib/store/filter-store';
 	import TagButton from '../button-tag/TagButton.svelte';
+	import { base } from '$app/paths';
 
 	const share = async () => {
 		const shareData = {
@@ -20,4 +21,6 @@
 	};
 </script>
 
-<TagButton title="Share current search." icon="codicon codicon-copy" on:click={share} />
+<TagButton title="Share current search." on:click={share}>
+	<img src="{base}/assets/share.svg" alt="No more results to load" width="16" height="16" />
+</TagButton>

src/lib/components/kurosearch/button-tag/TagButton.svelte

@@ -1,17 +1,16 @@
 <script lang="ts">
 	export let title: string;
-	export let icon: string;
 </script>
 
 <button type="button" {title} on:click>
-	<i class={icon} />
+	<slot />
 </button>
 
 <style>
 	button {
 		width: var(--line-height-small);
 		height: var(--line-height-small);
-		border-radius: var(--line-height-small);
+		border-radius: var(--border-radius);
 		padding: var(--tiny-gap);
 		background-color: var(--accent);
 		color: var(--text-accent);
@@ -26,11 +25,4 @@
 			background-color: var(--accent-light);
 		}
 	}
-
-	i {
-		font-size: var(--text-size-large);
-		width: var(--text-size-large);
-		height: var(--text-size-large);
-		text-align: center;
-	}
 </style>

src/lib/components/kurosearch/tag-list/ActiveTagList.svelte

@@ -31,10 +31,11 @@
 		{/each}
 		{#if tags.length > 1}
 			<TagButton
-				icon="codicon codicon-star-full"
 				title="Create a supertag from the current selection."
 				on:click={() => dispatch('createSupertag', tags)}
-			/>
+			>
+				<i class="codicon codicon-star-full" />
+			</TagButton>
 		{/if}
 		{#if supportsUrlSharing()}
 			<ShareButton />