From 4582d9726d101fdd711bec7e4b2dbc6d61d3cba8 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Tue, 28 Jul 2026 21:36:51 +0000
Subject: [PATCH] fix error dialog styling

---
 web/css/style.css     | 13 +++++++++++++
 web/scripts/dialog.js |  5 ++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/web/css/style.css b/web/css/style.css
index be1b5d8..20240e0 100644
--- a/web/css/style.css
+++ b/web/css/style.css
@@ -130,6 +130,19 @@ hr {
 	align-items: center;
 }
 
+.row-reverse {
+	flex-direction: row-reverse;
+	row-gap: 10px;
+	align-items: center;
+}
+
+
+.column {
+	flex-direction: column;
+	row-gap: 10px;
+	align-items: center;
+}
+
 .column-reverse {
 	flex-direction: column-reverse;
 	row-gap: 10px;
diff --git a/web/scripts/dialog.js b/web/scripts/dialog.js
index be8a6c3..f430acb 100644
--- a/web/scripts/dialog.js
+++ b/web/scripts/dialog.js
@@ -59,15 +59,18 @@ class ErrorDialog extends HTMLElement {
 					max-height: 20lh; 
 					min-height: 20lh; 
 					overflow-y: scroll;
+					padding-left: 12px;
+					padding-right: 12px;
 				}
 				#errors * {
 					margin: 0;
+					width: 100%;
 				}
 			</style>
 			<dialog class="w3-container w3-card w3-border-0">
 				<form method="dialog">
 					<p class="w3-large" id="prompt">Error</p>
-					<div id="errors" class="flex column-reverse"></div>
+					<div id="errors" class="flex column"></div>
 					<div class="w3-center" id="controls">
 						<button class="w3-button w3-margin" type="submit" value="ok">OK</button>
 						<button class="w3-button w3-margin" type="submit" value="copy">Copy</button>