From e03df9fb59546502dcb9e3cebf75edeacde4d3e5 Mon Sep 17 00:00:00 2001
From: filifa <filifa.breath652@8alias.com>
Date: Thu, 11 Dec 2025 23:49:34 -0500
Subject: [PATCH] make output row flexbox so operator buttons don't get huge on
 zoom

---
 index.html |  7 +++----
 styles.css | 10 +++++++---
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 8c3b263..465ee3f 100644
--- a/index.html
+++ b/index.html
@@ -10,10 +10,9 @@
 			<label for="expr">Expression</label>
 			<input id="expr" required type="text" />
 
-			<output id="result" for="expr modulus"></output>
-
-			<div id="modulus-entry">
-				<label for="modulus"> mod </label>
+			<div id="result-row">
+				<output id="result" for="expr modulus"></output>
+				<label for="modulus">mod</label>
 				<input id="modulus" required type="number" min="1" step="1" />
 			</div>
 
diff --git a/styles.css b/styles.css
index 9a9aad2..77e512f 100644
--- a/styles.css
+++ b/styles.css
@@ -17,17 +17,21 @@ label[for="expr"] {
 	text-align: right;
 }
 
-#modulus-entry {
-	grid-column: 4;
+#result-row {
+	grid-column: 1 / 5;
 	display: flex;
 }
 
+#result {
+	flex: auto;
+}
+
 #modulus-entry label {
 	flex: initial;
 }
 
 #modulus {
-	flex: auto;
+	flex: initial;
 }
 
 #extra-buttons {