Fix share button margin on watch

materialious/electron/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.16.24",
+	"version": "1.16.25",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.16.24",
+			"version": "1.16.25",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",

materialious/package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "materialious",
-	"version": "1.16.24",
+	"version": "1.16.25",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "materialious",
-			"version": "1.16.24",
+			"version": "1.16.25",
 			"hasInstallScript": true,
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.1",

materialious/src/lib/components/Share.svelte

@@ -20,7 +20,8 @@
 		iconOnly = true,
 		classes = 'surface-container-highest',
 		menuClasses = 'mobile no-wrap',
-		onShare = undefined
+		onShare = undefined,
+		style = ''
 	}: {
 		shares: ShareLink[];
 		includePromptText?: string;
@@ -28,6 +29,7 @@
 		classes?: string;
 		menuClasses?: string;
 		onShare?: (value: string) => void;
+		style?: string;
 	} = $props();
 
 	const shareBase = {
@@ -54,7 +56,7 @@
 	}
 </script>
 
-<button bind:this={shareButtonElement} class={classes}>
+<button bind:this={shareButtonElement} class={classes} {style}>
 	<i>share</i>
 	{#if !iconOnly}
 		<span>{$_('player.share.title')}</span>

materialious/src/routes/(app)/watch/[slug]/+page.svelte

@@ -336,6 +336,7 @@
 							}
 						]}
 						iconOnly={true}
+						style="margin-left: 0;"
 					/>
 					{#if personalPlaylists && personalPlaylists.length > 0}
 						<button class="surface-container-highest">