From a3798162f8315e76924d0cbf3c24c91fe04651ab Mon Sep 17 00:00:00 2001
From: Soitora <simon.mattila@protonmail.com>
Date: Fri, 1 Sep 2023 00:04:35 +0200
Subject: [PATCH] Differentiate Preview and Stable

---
 website/src/.vitepress/theme/components/DownloadButtons.vue | 6 +++---
 website/src/.vitepress/theme/index.ts                       | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/website/src/.vitepress/theme/components/DownloadButtons.vue b/website/src/.vitepress/theme/components/DownloadButtons.vue
index 3a465148..49565130 100644
--- a/website/src/.vitepress/theme/components/DownloadButtons.vue
+++ b/website/src/.vitepress/theme/components/DownloadButtons.vue
@@ -47,7 +47,7 @@ const downloadInformation = computed(() => ({
 			<span class="version">{{ downloadInformation.stable.tagName }}</span>
 		</a>
 		<a class="download-button secondary" :download="downloadInformation.preview.asset?.name" :href="downloadInformation.preview.asset?.browser_download_url">
-			<IconDownload />
+			<IconBugReport />
 			<span class="text">Preview</span>
 			<span class="version">{{ downloadInformation.preview.tagName }}</span>
 		</a>
@@ -124,6 +124,7 @@ const downloadInformation = computed(() => ({
 		display: inline-block
 		vertical-align: middle
 		margin-right: 0.5em
+		font-size: 1.25em
 	}
 
 	.text {
@@ -131,8 +132,7 @@ const downloadInformation = computed(() => ({
 	}
 
 	.version {
-		font-size: 12px
-		margin-left: 10px
+		font-size: 0.8em
 	}
 }
 
diff --git a/website/src/.vitepress/theme/index.ts b/website/src/.vitepress/theme/index.ts
index d5b92620..159b0e92 100644
--- a/website/src/.vitepress/theme/index.ts
+++ b/website/src/.vitepress/theme/index.ts
@@ -14,7 +14,7 @@ import { VueQueryPlugin } from "@tanstack/vue-query";
 import { enhanceAppWithTabs } from "vitepress-plugin-tabs/client";
 
 // Import Icon components
-import { IconDownload, IconNewReleases } from "@iconify-prerendered/vue-mdi";
+import { IconDownload, IconNewReleases, IconBugReport } from "@iconify-prerendered/vue-mdi";
 
 export default {
 	...DefaultTheme,
@@ -24,5 +24,6 @@ export default {
 		enhanceAppWithTabs(app);
 		app.component("IconDownload", IconDownload);
 		app.component("IconNewReleases", IconNewReleases);
+		app.component("IconBugReport", IconBugReport);
 	},
 };