Merge pull request #1030 from mermaid-js/develop

chore: Slight CSS spacing adjustments

src/lib/components/actions.svelte

@@ -180,26 +180,24 @@
 				><i class="far fa-copy mr-2" /> Copy Image to clipboard
 			</button>
 		{/if}
-		<button id="downloadPNG" class="action-btn flex-auto" on:click={onDownloadPNG}>
+		<button id="downloadPNG" class="action-btn flex-grow" on:click={onDownloadPNG}>
 			<i class="fas fa-download mr-2" /> PNG
 		</button>
-		<button id="downloadSVG" class="action-btn flex-auto" on:click={onDownloadSVG}>
+		<button id="downloadSVG" class="action-btn flex-grow" on:click={onDownloadSVG}>
 			<i class="fas fa-download mr-2" /> SVG
 		</button>
-		<a target="_blank" href={iUrl}>
-			<button class="action-btn flex-auto">
+		<a target="_blank" class="flex-grow" href={iUrl}>
+			<button class="action-btn w-full">
 				<i class="fas fa-external-link-alt mr-2" /> PNG
 			</button>
 		</a>
-
-		<a target="_blank" href={svgUrl}>
-			<button class="action-btn flex-auto">
+		<a target="_blank" class="flex-grow" href={svgUrl}>
+			<button class="action-btn w-full">
 				<i class="fas fa-external-link-alt mr-2" /> SVG
 			</button>
 		</a>
-
-		<a target="_blank" href={krokiUrl}>
-			<button class="action-btn flex-auto">
+		<a target="_blank" class="flex-grow" href={krokiUrl}>
+			<button class="action-btn w-full">
 				<i class="fas fa-external-link-alt mr-2" /> Kroki
 			</button>
 		</a>

src/lib/components/editor.svelte

@@ -37,10 +37,8 @@
 			Monaco?.editor.setModelLanguage(editor.getModel(), language);
 		}
 
-		// Display errors if present
-		if (errorMarkers.length > 0) {
-			Monaco?.editor.setModelMarkers(editor.getModel(), 'test', errorMarkers);
-		}
+		// Display/clear error
+		Monaco?.editor.setModelMarkers(editor.getModel(), 'test', errorMarkers);
 	});
 
 	themeStore.subscribe(({ isDark }) => {

src/lib/components/navbar.svelte

@@ -39,7 +39,7 @@
 	];
 </script>
 
-<div class="navbar mb-2 shadow-lg bg-primary">
+<div class="navbar shadow-lg bg-primary p-0">
 	<div class="flex-1 px-2 mx-2">
 		<span class="text-lg font-bold">
 			<a href="/">Mermaid<span class="text-xs font-thin">v{version}</span> Live Editor</a>