From 443d5cf55413b13b8610df88feb55ca8afff24f8 Mon Sep 17 00:00:00 2001
From: Peak Twilight <77903714+peaktwilight@users.noreply.github.com>
Date: Sun, 15 Jun 2025 20:44:28 +0200
Subject: [PATCH] Improve UI: Edit Buttons in Status Page (#5920)

Co-authored-by: Frank Elsinga <frank@elsinga.de>
---
 src/layouts/Layout.vue   | 2 +-
 src/pages/StatusPage.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index 9faedf589..e93a5159e 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -16,7 +16,7 @@
                 <span class="fs-4 title">{{ $t("Uptime Kuma") }}</span>
             </router-link>
 
-            <a v-if="hasNewVersion" target="_blank" href="https://github.com/louislam/uptime-kuma/releases" class="btn btn-info me-3">
+            <a v-if="hasNewVersion" target="_blank" href="https://github.com/louislam/uptime-kuma/releases" class="btn btn-primary me-3">
                 <font-awesome-icon icon="arrow-alt-circle-up" /> {{ $t("New Update") }}
             </a>
 
diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index 116968282..e0df74fde 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -157,12 +157,12 @@
             <!-- Admin functions -->
             <div v-if="hasToken" class="mb-4">
                 <div v-if="!enableEditMode">
-                    <button class="btn btn-info me-2" data-testid="edit-button" @click="edit">
+                    <button class="btn btn-primary me-2" data-testid="edit-button" @click="edit">
                         <font-awesome-icon icon="edit" />
                         {{ $t("Edit Status Page") }}
                     </button>
 
-                    <a href="/manage-status-page" class="btn btn-info">
+                    <a href="/manage-status-page" class="btn btn-primary">
                         <font-awesome-icon icon="tachometer-alt" />
                         {{ $t("Go to Dashboard") }}
                     </a>