From d427a832790540c0fc5d1a557cba36463f92cafd Mon Sep 17 00:00:00 2001 From: filifa Date: Thu, 11 Dec 2025 23:49:34 -0500 Subject: [PATCH] display label for expression --- index.html | 6 ++++-- styles.css | 21 +++++++++++++++------ 2 files changed, 19 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index efd0e1b..ee387c6 100644 --- a/index.html +++ b/index.html @@ -9,8 +9,10 @@
- - +
+ + +
diff --git a/styles.css b/styles.css index a0ceaeb..b51ed95 100644 --- a/styles.css +++ b/styles.css @@ -4,19 +4,26 @@ gap: 0.3rem; } -label[for="expr"] { - display: none; -} - #input-row { grid-column: 1 / 5; display: flex; flex-flow: wrap; } -#expr { +#expr-box { flex: 4 auto; + display: flex; + flex-flow: column; min-width: 0; +} + +#expr-label { + flex: initial; + font-size: medium; +} + +#expr { + flex: auto; font-size: xx-large; } @@ -25,13 +32,15 @@ label[for="expr"] { display: flex; flex-flow: wrap; justify-content: end; + align-items: end; min-width: 0; } #modulus-label { flex: initial; font-size: xx-large; - margin: auto 0.3rem; + margin-left: 0.3rem; + margin-right: 0.3rem; } #modulus {