From c2649690161ada95af26b2adc1ffbabe38583b4a Mon Sep 17 00:00:00 2001
From: Ian Gulliver <git@flamingcow.io>
Date: Mon, 2 Feb 2026 11:33:42 -0800
Subject: [PATCH] Fix error panel buttons to display side by side

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/js/ui.js  | 8 ++++++--
 static/style.css | 7 ++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/static/js/ui.js b/static/js/ui.js
index ee4a5eb..684b908 100644
--- a/static/js/ui.js
+++ b/static/js/ui.js
@@ -289,20 +289,24 @@ export function updateErrorPanel() {
         timestampEl.textContent = 'First: ' + formatLocalTime(err.first_seen) + ' / Last: ' + formatLocalTime(err.last_seen);
         item.appendChild(timestampEl);
 
+        const buttonsEl = document.createElement('div');
+        buttonsEl.className = 'error-buttons';
+
         const node = tableData?.nodes?.find(n => n.id === err.node_id);
         if (node && node.unreachable && !node.in_config) {
             const removeBtn = document.createElement('button');
             removeBtn.className = 'remove-btn';
             removeBtn.textContent = 'Remove node';
             removeBtn.addEventListener('click', () => removeNode(err.node_id));
-            item.appendChild(removeBtn);
+            buttonsEl.appendChild(removeBtn);
         }
 
         const dismissBtn = document.createElement('button');
         dismissBtn.textContent = 'Dismiss';
         dismissBtn.addEventListener('click', () => clearError(err.id));
-        item.appendChild(dismissBtn);
+        buttonsEl.appendChild(dismissBtn);
 
+        item.appendChild(buttonsEl);
         listEl.appendChild(item);
     });
 }
diff --git a/static/style.css b/static/style.css
index 40501dc..590e5b3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1157,8 +1157,13 @@ body.sacn-mode .node:not(.sacn-out):not(.sacn-in):hover .node-info-wrapper {
     margin-top: 2px;
 }
 
-.error-item button {
+.error-item .error-buttons {
+    display: flex;
+    gap: 6px;
     align-self: flex-end;
+}
+
+.error-item button {
     padding: 2px 6px;
     border: none;
     background: #555;