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 {