Fix eslint

src/lib/components/actions.svelte

@@ -133,12 +133,10 @@
 			<i class="fas fa-download" /> SVG
 		</button>
 		<button class="action-btn flex-auto">
-			<a class="link-style" target="_blank" href={iUrl}
-				><i class="fas fa-external-link-alt" /> PNG</a>
+			<a target="_blank" href={iUrl}><i class="fas fa-external-link-alt" /> PNG</a>
 		</button>
 		<button class="action-btn flex-auto">
-			<a class="link-style" target="_blank" href={svgUrl}
-				><i class="fas fa-external-link-alt" /> SVG</a>
+			<a target="_blank" href={svgUrl}><i class="fas fa-external-link-alt" /> SVG</a>
 		</button>
 
 		<div class="flex gap-2 items-center">

src/lib/components/preset.svelte

@@ -108,9 +108,7 @@ merge newbranch
 <Card title="Sample Diagrams" isOpen={false}>
 	<div class="flex gap-2 flex-wrap p-2">
 		{#each Object.keys(samples) as sample}
-			<button
-				class="rounded p-2 bg-indigo-400 shadow flex-auto text-white hover:bg-indigo-500"
-				on:click={() => loadSampleDiagram(sample)}>{sample}</button>
+			<button class="action-btn" on:click={() => loadSampleDiagram(sample)}>{sample}</button>
 		{/each}
 	</div>
 </Card>

src/routes/edit.svelte

@@ -132,7 +132,7 @@
 			<Card title="Diagram" isCloseable={false}>
 				<button
 					slot="actions"
-					class="rounded shadow px-2 bg-indigo-500 hover:bg-indigo-700 hidden"
+					class="btn hidden"
 					title="View diagram in new page"
 					on:click|stopPropagation={() => viewDiagram()}><i class="far fa-eye" /> View</button>
 
@@ -140,8 +140,8 @@
 					<View />
 				</div>
 			</Card>
-			<div class="flex md:hidden bg-white rounded shadow p-2 mx-2">
-				Code editing not supported on mobile. Please use a desktop browser
+			<div class="md:hidden bg-white rounded shadow p-2 mx-2">
+				Code editing not supported on mobile. Please use a desktop browser.
 			</div>
 		</div>
 	</div>

src/routes/index.svelte

@@ -15,7 +15,3 @@
 		});
 	});
 </script>
-
-<svelte:head>
-	<title>Mermaid Live Editor</title>
-</svelte:head>