From 7f9d182cc3e0bfc97df34885b6d38531ca8137b9 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Tue, 14 Oct 2025 19:44:49 +0200
Subject: [PATCH] Error page styling

---
 website/app/error.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/website/app/error.vue b/website/app/error.vue
index 28fa028..b720f57 100644
--- a/website/app/error.vue
+++ b/website/app/error.vue
@@ -1,9 +1,8 @@
 <template>
     <UPageBody>
-        <UPageHero :title="error?.statusCode ?? 'Error'">
-            <p>{{ error?.message }}</p>
-            <NuxtLink to="/">Go back home</NuxtLink>
-            <NuxtLink to="https://github.com/C9Glax/tranga-website/issues/new"><Icon name="i-lucide-github" />Report this issue</NuxtLink>
+        <UPageHero :title="String(error?.statusCode) ?? 'Error'" :description="error?.message">
+            <UButton to="/" class="w-fit place-self-center">Go back home</UButton>
+            <NuxtLink to="https://github.com/C9Glax/tranga-website/issues/new" class="w-fit place-self-center hover:underline"><Icon name="i-lucide-github" class="mr-2" />Report this issue</NuxtLink>
         </UPageHero>
     </UPageBody>
 </template>