filifa
/
mcalc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make things bigger

This commit is contained in:
filifa 2025-12-11 23:49:34 -05:00
parent 71a1c0b72c
commit 8fa6128089
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
styles.css
View File

@ -1,6 +1,7 @@
#calculator {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.3rem;
}
label[for="expr"] {
@ -16,6 +17,7 @@ label[for="expr"] {
#expr {
flex: 4 auto;
min-width: 0;
font-size: xx-large;
}
#modulus-box {
@ -28,36 +30,47 @@ label[for="expr"] {
#modulus-label {
flex: initial;
font-size: xx-large;
margin: auto 0.3rem;
}
#modulus {
flex: auto;
min-width: 0;
font-size: xx-large;
}
#result {
grid-column: 1 / 5;
border: 1px solid gray;
text-align: right;
min-height: 1.5em;
min-height: 1lh;
font-size: xx-large;
}
button {
font-size: xx-large;
}
#extra-buttons {
grid-column: 1 / 5;
display: grid;
grid-template-columns: subgrid;
gap: inherit;
}
#main-buttons {
grid-column: 1 / 5;
display: grid;
grid-template-columns: subgrid;
gap: inherit;
}
#numerals {
grid-column: 1 / 4;
display: grid;
grid-template-columns: subgrid;
gap: inherit;
}
#backspace {
@ -69,4 +82,5 @@ label[for="expr"] {
grid-row: 1 / 3;
display: grid;
grid-template-columns: subgrid;
gap: inherit;
}