From ffed91260efb679a8ae1af27e2cd8813371fa61d Mon Sep 17 00:00:00 2001
From: filifa <filifa.breath652@8alias.com>
Date: Thu, 11 Dec 2025 23:49:34 -0500
Subject: [PATCH] put result on its own row

---
 index.html |  5 +++--
 styles.css | 23 ++++++-----------------
 2 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 465ee3f..93cce96 100644
--- a/index.html
+++ b/index.html
@@ -10,12 +10,13 @@
 			<label for="expr">Expression</label>
 			<input id="expr" required type="text" />
 
-			<div id="result-row">
-				<output id="result" for="expr modulus"></output>
+			<div id="modulus-row">
 				<label for="modulus">mod</label>
 				<input id="modulus" required type="number" min="1" step="1" />
 			</div>
 
+			<output id="result" for="expr modulus"></output>
+
 			<div id="extra-buttons">
 				<button id="sqrt" type="button">√</button>
 				<button id="inv" type="button">x<sup>-1</sup></button>
diff --git a/styles.css b/styles.css
index 77e512f..cf745f0 100644
--- a/styles.css
+++ b/styles.css
@@ -11,27 +11,16 @@ label[for="expr"] {
 	grid-column: 1 / 5;
 }
 
-#result {
-	grid-column: 1 / 4;
-	border: 1px solid gray;
+#modulus-row {
+	grid-column: 1 / 5;
 	text-align: right;
 }
 
-#result-row {
-	grid-column: 1 / 5;
-	display: flex;
-}
-
 #result {
-	flex: auto;
-}
-
-#modulus-entry label {
-	flex: initial;
-}
-
-#modulus {
-	flex: initial;
+	grid-column: 1 / 5;
+	border: 1px solid gray;
+	text-align: right;
+	min-height: 1.5em;
 }
 
 #extra-buttons {