From 363cc1ed7fb419661483f9b042cb0484fbd005cd Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <anirudh@tangled.sh>
Date: Wed, 3 Sep 2025 12:02:24 +0300
Subject: [PATCH] appview/pages: fix button styles in error templates

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.sh>
---
 appview/pages/templates/errors/404.html     | 2 +-
 appview/pages/templates/errors/500.html     | 8 ++++----
 appview/pages/templates/errors/503.html     | 4 ++--
 appview/pages/templates/errors/knot404.html | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/appview/pages/templates/errors/404.html b/appview/pages/templates/errors/404.html
index 36bdece0..a034f527 100644
--- a/appview/pages/templates/errors/404.html
+++ b/appview/pages/templates/errors/404.html
@@ -17,7 +17,7 @@
                 The page you're looking for doesn't exist. It may have been moved, deleted, or you have the wrong URL.
             </p>
             <div class="flex flex-col sm:flex-row gap-3 justify-center items-center mt-6">
-                <a href="javascript:history.back()" class="btn px-4 py-2 rounded flex items-center gap-2 no-underline hover:no-underline text-gray-600 dark:text-gray-300 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700">
+                <a href="javascript:history.back()" class="btn no-underline hover:no-underline gap-2">
                     {{ i "arrow-left" "w-4 h-4" }}
                     go back
                 </a>
diff --git a/appview/pages/templates/errors/500.html b/appview/pages/templates/errors/500.html
index feb3e170..34b52da0 100644
--- a/appview/pages/templates/errors/500.html
+++ b/appview/pages/templates/errors/500.html
@@ -8,7 +8,7 @@
                 {{ i "alert-triangle" "w-8 h-8 text-red-500 dark:text-red-400" }}
             </div>
         </div>
-        
+
         <div class="space-y-4">
             <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white">
                 500 &mdash; internal server error
@@ -24,11 +24,11 @@
                 <p class="mt-1">Our team has been automatically notified about this error.</p>
             </div>
             <div class="flex flex-col sm:flex-row gap-3 justify-center items-center mt-6">
-                <button onclick="location.reload()" class="btn-create px-4 py-2 rounded flex items-center gap-2 no-underline hover:no-underline hover:text-white">
+                <button onclick="location.reload()" class="btn-create gap-2">
                     {{ i "refresh-cw" "w-4 h-4" }}
                     try again
                 </button>
-                <a href="/" class="btn px-4 py-2 rounded flex items-center gap-2 no-underline hover:no-underline text-gray-600 dark:text-gray-300 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700">
+                <a href="/" class="btn no-underline hover:no-underline gap-2">
                     {{ i "home" "w-4 h-4" }}
                     back to home
                 </a>
@@ -36,4 +36,4 @@
         </div>
     </div>
 </div>
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/appview/pages/templates/errors/503.html b/appview/pages/templates/errors/503.html
index 5f9a9211..72575817 100644
--- a/appview/pages/templates/errors/503.html
+++ b/appview/pages/templates/errors/503.html
@@ -17,11 +17,11 @@
                 We were unable to reach the knot hosting this repository. The service may be temporarily unavailable.
             </p>
             <div class="flex flex-col sm:flex-row gap-3 justify-center items-center mt-6">
-                <button onclick="location.reload()" class="btn-create px-4 py-2 rounded flex items-center gap-2 no-underline hover:no-underline hover:text-white">
+                <button onclick="location.reload()" class="btn-create gap-2">
                     {{ i "refresh-cw" "w-4 h-4" }}
                     try again
                 </button>
-                <a href="/" class="btn px-4 py-2 rounded flex items-center gap-2 no-underline hover:no-underline text-gray-600 dark:text-gray-300 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700">
+                <a href="/" class="btn gap-2 no-underline hover:no-underline">
                     {{ i "arrow-left" "w-4 h-4" }}
                     back to timeline
                 </a>
diff --git a/appview/pages/templates/errors/knot404.html b/appview/pages/templates/errors/knot404.html
index 00246b24..c2a4037f 100644
--- a/appview/pages/templates/errors/knot404.html
+++ b/appview/pages/templates/errors/knot404.html
@@ -17,7 +17,7 @@
                 The repository you were looking for could not be found. The knot serving the repository may be unavailable.
             </p>
             <div class="flex flex-col sm:flex-row gap-3 justify-center items-center mt-6">
-                <a href="/" class="btn px-4 py-2 rounded flex items-center gap-2 no-underline hover:no-underline">
+                <a href="/" class="btn flex items-center gap-2 no-underline hover:no-underline">
                     {{ i "arrow-left" "w-4 h-4" }}
                     back to timeline
                 </a>
-- 
2.51.2