diff --git a/package-lock.json b/package-lock.json
index 934ce690..1fa84e2f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "songdrive",
-	"version": "2.1.1",
+	"version": "3.0.0",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "songdrive",
-			"version": "2.1.1",
+			"version": "3.0.0",
 			"license": "MIT",
 			"dependencies": {
 				"@kyvg/vue3-notification": "^2.3.4",
@@ -2980,9 +2980,9 @@
 			"integrity": "sha512-59SgoZ3EXbkfSX7b63tsou/SDGzwUEK6MuB5sKqgVK1/XE0fxmpsOb9DQI8LXW3KfGnAjImCGhhEb7uPPAUVNA=="
 		},
 		"node_modules/@grpc/grpc-js": {
-			"version": "1.8.18",
-			"resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.8.18.tgz",
-			"integrity": "sha512-2uWPtxhsXmVgd8WzDhfamSjHpZDXfMjMDciY6VRTq4Sn7rFzazyf0LLDa0oav+61UHIoEZb4KKaAV6S7NuJFbQ==",
+			"version": "1.8.20",
+			"resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.8.20.tgz",
+			"integrity": "sha512-SPse1wE4PcIFojOISsAnrWXCBsCBwDdcDqz2SS0T8nBSxg9jwmCK70Jy7ypRn2nIspwLy3Ls5TNaKNHo+6dF8A==",
 			"dependencies": {
 				"@grpc/proto-loader": "^0.7.0",
 				"@types/node": ">=12.12.47"
@@ -4502,20 +4502,20 @@
 			}
 		},
 		"node_modules/@tabler/icons": {
-			"version": "2.28.0",
-			"resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.28.0.tgz",
-			"integrity": "sha512-JgqeXzS2Cik0Bed+dn3AYh/N2OqLv7FzoOqIzAWnywJyVOBNxB47pzW4Zc0hidDVCk2dt1ekeC2jHaXSheT+BQ==",
+			"version": "2.29.0",
+			"resolved": "https://registry.npmjs.org/@tabler/icons/-/icons-2.29.0.tgz",
+			"integrity": "sha512-HhDdIFzL8UmliujHEcPzoWypLmnO9MXFipYzwRnjAYXYpU68Kiw5KROtVxJ3h2cXTXj6ZMQZgXPdr3CEhBCCJw==",
 			"funding": {
 				"type": "github",
 				"url": "https://github.com/sponsors/codecalm"
 			}
 		},
 		"node_modules/@tabler/icons-vue": {
-			"version": "2.28.0",
-			"resolved": "https://registry.npmjs.org/@tabler/icons-vue/-/icons-vue-2.28.0.tgz",
-			"integrity": "sha512-MfTXFs1xDd8ThKw9fMkQEB+lpXLzL0+LpNG3AeApjIFXLW+az9qE/1EuOses0C8GEfLcSlWFkt0TO4cOUyGxbA==",
+			"version": "2.29.0",
+			"resolved": "https://registry.npmjs.org/@tabler/icons-vue/-/icons-vue-2.29.0.tgz",
+			"integrity": "sha512-f8PKqmgWynUrxMXzfr5eYrJ7etKeKOFhyINe1mk6gsXo8oX0h4FsUDbT3g+8rzApZbzv8Nu7l7KFHUfRteyF0w==",
 			"dependencies": {
-				"@tabler/icons": "2.28.0"
+				"@tabler/icons": "2.29.0"
 			},
 			"funding": {
 				"type": "github",
@@ -4573,9 +4573,9 @@
 			"dev": true
 		},
 		"node_modules/@types/node": {
-			"version": "20.4.4",
-			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.4.tgz",
-			"integrity": "sha512-CukZhumInROvLq3+b5gLev+vgpsIqC2D0deQr/yS1WnxvmYLlJXZpaQrQiseMY+6xusl79E04UjWoqyr+t1/Ew=="
+			"version": "20.4.5",
+			"resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.5.tgz",
+			"integrity": "sha512-rt40Nk13II9JwQBdeYqmbn2Q6IVTA5uPhvSO+JVqdXw/6/4glI6oR9ezty/A9Hg5u7JH4OmYmuQ+XvjKm0Datg=="
 		},
 		"node_modules/@types/stack-utils": {
 			"version": "2.0.1",
@@ -5484,9 +5484,9 @@
 			}
 		},
 		"node_modules/chart.js": {
-			"version": "4.3.0",
-			"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.3.0.tgz",
-			"integrity": "sha512-ynG0E79xGfMaV2xAHdbhwiPLczxnNNnasrmPEXriXsPJGjmhOBYzFVEsB65w2qMDz+CaBJJuJD0inE/ab/h36g==",
+			"version": "4.3.1",
+			"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.3.1.tgz",
+			"integrity": "sha512-QHuISG3hTJ0ftq0I0f5jqH9mNVO9bqG8P+zvMOVslgKajQVvFEX7QAhYNJ+QEmw+uYTwo8XpTimaB82oeTWjxw==",
 			"dependencies": {
 				"@kurkle/color": "^0.3.0"
 			},
@@ -6063,9 +6063,9 @@
 			"peer": true
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.4.468",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.468.tgz",
-			"integrity": "sha512-6M1qyhaJOt7rQtNti1lBA0GwclPH+oKCmsra/hkcWs5INLxfXXD/dtdnaKUYQu/pjOBP/8Osoe4mAcNvvzoFag=="
+			"version": "1.4.470",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.470.tgz",
+			"integrity": "sha512-zZM48Lmy2FKWgqyvsX9XK+J6FfP7aCDUFLmgooLJzA7v1agCs/sxSoBpTIwDLhmbhpx9yJIxj2INig/ncjJRqg=="
 		},
 		"node_modules/emoji-regex": {
 			"version": "8.0.0",
@@ -8183,14 +8183,14 @@
 			}
 		},
 		"node_modules/marked": {
-			"version": "5.1.1",
-			"resolved": "https://registry.npmjs.org/marked/-/marked-5.1.1.tgz",
-			"integrity": "sha512-bTmmGdEINWmOMDjnPWDxGPQ4qkDLeYorpYbEtFOXzOruTwUE671q4Guiuchn4N8h/v6NGd7916kXsm3Iz4iUSg==",
+			"version": "5.1.2",
+			"resolved": "https://registry.npmjs.org/marked/-/marked-5.1.2.tgz",
+			"integrity": "sha512-ahRPGXJpjMjwSOlBoTMZAK7ATXkli5qCPxZ21TG44rx1KEo44bii4ekgTDQPNRQ4Kh7JMb9Ub1PVk1NxRSsorg==",
 			"bin": {
 				"marked": "bin/marked.js"
 			},
 			"engines": {
-				"node": ">= 18"
+				"node": ">= 16"
 			}
 		},
 		"node_modules/marked-highlight": {
@@ -11467,9 +11467,9 @@
 			"dev": true
 		},
 		"node_modules/tslib": {
-			"version": "2.6.0",
-			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.0.tgz",
-			"integrity": "sha512-7At1WUettjcSRHXCyYtTselblcHl9PJFFVKiCAy/bY97+BPZXSQ2wbq0P9s8tK2G7dFQfNnlJnPAiArVBVBsfA=="
+			"version": "2.6.1",
+			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.1.tgz",
+			"integrity": "sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig=="
 		},
 		"node_modules/type": {
 			"version": "1.2.0",
@@ -11680,9 +11680,9 @@
 			}
 		},
 		"node_modules/vite": {
-			"version": "4.4.6",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-4.4.6.tgz",
-			"integrity": "sha512-EY6Mm8vJ++S3D4tNAckaZfw3JwG3wa794Vt70M6cNJ6NxT87yhq7EC8Rcap3ahyHdo8AhCmV9PTk+vG1HiYn1A==",
+			"version": "4.4.7",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-4.4.7.tgz",
+			"integrity": "sha512-6pYf9QJ1mHylfVh39HpuSfMPojPSKVxZvnclX1K1FyZ1PXDOcLBibdq5t1qxJSnL63ca8Wf4zts6mD8u8oc9Fw==",
 			"dev": true,
 			"dependencies": {
 				"esbuild": "^0.18.10",
diff --git a/package.json b/package.json
index 6db3696f..bd06e3f9 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "songdrive",
 	"description": "A song management tool to store, synchronize and present songs and setlists. Built with Vue.js and Firebase.",
-	"version": "2.1.1",
+	"version": "3.0.0",
 	"license": "MIT",
 	"author": {
 		"name": "Andreas Müller",
diff --git a/src/partials/Logo.vue b/src/partials/Logo.vue
index dbacff3a..a3e264c6 100644
--- a/src/partials/Logo.vue
+++ b/src/partials/Logo.vue
@@ -18,8 +18,8 @@
       {{ t('app.name') }}
     </div>
 	</div>
-  <div v-if="showVersion" class="text-xs text-blade-500 text-right font-medium mt-1">
-    v{{ version }}
+  <div v-if="showVersion" class="text-xs text-blade-500 text-right font-medium mt-1 mr-0.5">
+    {{ version }}
   </div>
 </template>
 
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index ac5880a3..3f86b19b 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -1,10 +1,6 @@
 <template>
 	<div class="flex flex-col gap-6 w-full">
-		<!-- page heading -->
-		<div class="text-3xl uppercase font-thin tracking-wider">
-			{{ t('page.dashboard')}}
-		</div>
-		<div class="flex flex-wrap gap-8 w-full justify-evenly" v-if="ready.songs && ready.setlists">
+		<div class="flex flex-wrap gap-8 py-4 w-full justify-evenly" v-if="ready.songs && ready.setlists">
 			<!-- stored songs count -->
 			<div class="flex flex-col items-center">
 				<div class="text-4xl sm:text-6xl font-thin">
diff --git a/src/views/Documentation.vue b/src/views/Documentation.vue
index d64f3d69..ea7df555 100644
--- a/src/views/Documentation.vue
+++ b/src/views/Documentation.vue
@@ -12,10 +12,10 @@
 			</button>
 			<!-- table of contents -->
 			<button
-				v-for="t in toc"
+				v-for="(t, i) in toc"
 				:key="t"
 				class="py-1 px-2 rounded-md hover:bg-blade-800 flex justify-start items-center gap-2"
-				@click="scrollTo(dashCase(t.text))"
+				@click="scrollTo(null, i)"
 			>
 				<icon-bookmark class="w-5 h-5 stroke-1.5" />
 				<span>{{ t.text }}</span>
@@ -27,25 +27,31 @@
 			<div class="flex flex-col gap-12">
 				<!-- heading -->
 				<div class="flex flex-col justify-center items-center gap-4">
-					<img class="w-32" src="@/assets/logo.svg" alt="SongDrive Song Management Tool" />
+					<img class="w-24 md:w-32" src="@/assets/logo.svg" alt="SongDrive Song Management Tool" />
 					<div class="text-3xl uppercase text-spring-600">{{ t('app.name') }}</div>
-					<div class="text-2xl">{{ t('app.summary') }}</div>
+					<div class="text-lg md:text-2xl text-center">{{ t('app.summary') }}</div>
 				</div>
 				<!-- features -->
-				<div class="grid grid-cols-3 gap-8">
+				<div class="grid grid-cols-1 sm:grid-cols-3 gap-8">
 					<div class="flex flex-col justify-start items-center gap-4">
 						<icon-bolt class="w-12 h-12 stroke-1" />
-						<div class="text-xl uppercase tracking-widest">{{ t('docu.features.0.title') }}</div>
+						<div class="text-xl uppercase tracking-widest text-center">
+							{{ t('docu.features.0.title') }}
+						</div>
 						<div class="text-center">{{ t('docu.features.0.description') }}</div>
 					</div>
 					<div class="flex flex-col justify-center items-center gap-4">
 						<icon-microphone class="w-12 h-12 stroke-1" />
-						<div class="text-xl uppercase tracking-widest">{{ t('docu.features.1.title') }}</div>
+						<div class="text-xl uppercase tracking-widest text-center">
+							{{ t('docu.features.1.title') }}
+						</div>
 						<div class="text-center">{{ t('docu.features.1.description') }}</div>
 					</div>
 					<div class="flex flex-col justify-center items-center gap-4">
 						<icon-tools class="w-12 h-12 stroke-1" />
-						<div class="text-xl uppercase tracking-widest">{{ t('docu.features.2.title') }}</div>
+						<div class="text-xl uppercase tracking-widest text-center">
+							{{ t('docu.features.2.title') }}
+						</div>
 						<div class="text-center">{{ t('docu.features.2.description') }}</div>
 					</div>
 				</div>
@@ -114,8 +120,12 @@ const dashCase = (text) => {
 };
 
 // scroll to element of given id
-const scrollTo = (id) => {
-	document.getElementById(id).scrollIntoView({ behavior: "smooth" });
+const scrollTo = (id, h2=null) => {
+	if (id) {
+		document.getElementById(id).scrollIntoView({ behavior: "smooth" });
+	} else {
+		document.querySelectorAll('h2')[h2].scrollIntoView({ behavior: "smooth" });
+	}
 };
 
 // generate table of contents from h2's