From 31bd590b269fc949e179b49a005aec03950f8e4c Mon Sep 17 00:00:00 2001
From: Myron Blair <myronblair@outlook.com>
Date: Mon, 8 Jun 2026 11:30:53 +0000
Subject: [PATCH] fix: web server manager buttons wrap instead of overflow into
 next card

Use btn-xs + flex-wrap so Restart/Start/Stop fit within the stat-card
on narrow layouts without bleeding into adjacent cards.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 panel/public/assets/js/admin.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/panel/public/assets/js/admin.js b/panel/public/assets/js/admin.js
index dfa964b..ecabbd4 100644
--- a/panel/public/assets/js/admin.js
+++ b/panel/public/assets/js/admin.js
@@ -905,13 +905,13 @@
   <div style="padding:1.5rem">
     <div class="stats-grid" style="margin-bottom:1.5rem">
       ${Object.entries(svcs).map(([s,st]) => `<div class="stat-card">
-        <div style="display:flex;justify-content:space-between;align-items:center">
-          <strong>${s}</strong>${Nova.badge(st,st==='active'?'green':'red')}
+        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem">
+          <strong style="word-break:break-all">${s}</strong>${Nova.badge(st,st==='active'?'green':'red')}
         </div>
-        <div style="margin-top:.75rem;display:flex;gap:.5rem">
-          <button class="btn btn-sm" onclick="adminServiceAction('${s}','restart')">Restart</button>
-          <button class="btn btn-sm" onclick="adminServiceAction('${s}','start')">Start</button>
-          <button class="btn btn-sm btn-danger" onclick="adminServiceAction('${s}','stop')">Stop</button>
+        <div style="display:flex;flex-wrap:wrap;gap:.35rem">
+          <button class="btn btn-xs" onclick="adminServiceAction('${s}','restart')">Restart</button>
+          <button class="btn btn-xs" onclick="adminServiceAction('${s}','start')">Start</button>
+          <button class="btn btn-xs btn-danger" onclick="adminServiceAction('${s}','stop')">Stop</button>
         </div>
       </div>`).join('')}
     </div>