From a1b8fc36dea18b5584afda25822a8eceed6e3d51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julian=20T=C3=B6lle?= <julian.toelle97@gmail.com>
Date: Sat, 4 Nov 2023 02:23:09 +0100
Subject: [PATCH] feat: further design improvements

---
 src/lib/download-button.svelte             | 6 +-----
 src/routes/+page.svelte                    | 6 ++++--
 src/routes/attributions/attribution.svelte | 4 ++--
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/lib/download-button.svelte b/src/lib/download-button.svelte
index 58dbd84..9e3ea87 100644
--- a/src/lib/download-button.svelte
+++ b/src/lib/download-button.svelte
@@ -2,10 +2,6 @@
   export let href: string;
 </script>
 
-<a
-  class="p-4 m-4 border rounded-md border-red hover:border-yellow-400 hover:bg-yellow-800 transition-colors duration-500 ease-in-out"
-  target="_blank"
-  {href}
->
+<a class="p-4 m-4 underline text-lg" target="_blank" {href}>
   <slot />
 </a>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 92d727c..fa23c8c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -56,8 +56,10 @@
 
 <H2>Jetzt anhören</H2>
 
-<a class="underline" href="#download">Auf YouTube</a><br />
-<a class="underline" href="#download">Zum Herunterladen</a>
+<p class="my-8 flex items-center flex-col justify-center md:flex-row">
+  <a class="p-4 m-4 underline text-lg" href="#download">Auf YouTube</a><br />
+  <a class="p-4 m-4 underline text-lg" href="#download">Zum Herunterladen</a>
+</p>
 
 <Divider />
 
diff --git a/src/routes/attributions/attribution.svelte b/src/routes/attributions/attribution.svelte
index f1049e9..fa1d5e6 100644
--- a/src/routes/attributions/attribution.svelte
+++ b/src/routes/attributions/attribution.svelte
@@ -7,5 +7,5 @@
 </script>
 
 "{title}" von {author}<br />
-<a href={source}>{source}</a><br />
-Lizenz: <a href={licenseUrl}>{licenseName}</a>
+<a href={source} class="underline">{source}</a><br />
+Lizenz: <a href={licenseUrl} class="underline">{licenseName}</a>