From 48bc6cd029cbee08cc77b0cfb0b426b04678dae0 Mon Sep 17 00:00:00 2001
From: Yernar Tursynali <dev@zxc.sx>
Date: Wed, 3 Dec 2025 18:29:36 +0500
Subject: [PATCH] fix: Optimize margins of admin buttons on the status page for
 mobile devices (#4727)

Co-authored-by: Frank Elsinga <frank@elsinga.de>
---
 src/pages/StatusPage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index bf35ab21a..74a5c3f66 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -161,14 +161,14 @@
             </h1>
 
             <!-- Admin functions -->
-            <div v-if="hasToken" class="mb-4">
+            <div v-if="hasToken" class="mb-2">
                 <div v-if="!enableEditMode">
-                    <button class="btn btn-primary me-2" data-testid="edit-button" @click="edit">
+                    <button class="btn btn-primary mb-2 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-primary">
+                    <a href="/manage-status-page" class="btn btn-primary mb-2">
                         <font-awesome-icon icon="tachometer-alt" />
                         {{ $t("Go to Dashboard") }}
                     </a>