Version

package.json

@@ -36,10 +36,10 @@
     "@tailwindcss/forms": "^0.3.2",
     "cookie": "^0.4.1",
     "js-base64": "^3.6.0",
-    "mermaid": "^8.9.3",
+    "mermaid": "^8.10.1",
     "moment": "^2.29.1",
     "monaco-editor": "^0.23.0",
     "random-word-slugs": "^0.0.2",
     "svelte-watch-resize": "^1.0.3"
   }
-}
+}

src/lib/components/navbar.svelte

@@ -30,7 +30,7 @@
 
 <header class="p-2 bg-indigo-400 text-white font-bold flex flex-wrap items-center">
 	<div class="flex-1 flex justify-between items-center">
-		<a href="/">Mermaid<span class="text-xs font-thin">(v{version})</span> Live Editor</a>
+		<a href="/">Mermaid<span class="text-xs font-thin">v{version}</span> Live Editor</a>
 	</div>
 
 	<label for="menu-toggle" class="pointer-cursor lg:hidden block"

src/lib/components/view.svelte

@@ -51,8 +51,8 @@
 	const insertSvg = (svgCode, bindFunctions) => {};
 </script>
 
-<div id="view" class="p-4" class:error class:outOfSync>
-	<div id="container" bind:this={container} class="flex-grow overflow-auto" />
+<div id="view" class="p-2" class:error class:outOfSync>
+	<div id="container" bind:this={container} class="flex-1 overflow-auto" />
 </div>
 
 <style>

src/routes/edit.svelte

@@ -138,7 +138,6 @@
 					<View />
 				</div>
 			</Card>
-			<div class="self-end mx-2 -mt-2">Powered by Mermaid v{version}</div>
 		</div>
 	</div>
 </div>