Style adjustments

This commit is contained in:
Arne Keller 2022-02-25 13:14:07 +01:00
parent 01898295bc
commit 153c97ae43

View File

@ -1,6 +1,7 @@
body { body {
background-color: #1f2937; background-color: #1f2937;
color: #fff; color: #fff;
font-family: Noto Serif, serif;
--columns: 2; --columns: 2;
--rows: 2; --rows: 2;
} }
@ -64,6 +65,8 @@ body.wide {
font-size: xx-large; font-size: xx-large;
border: 1px solid #bbb; border: 1px solid #bbb;
vertical-align: top; vertical-align: top;
transition: height 0.25s;
} }
.cell.done { .cell.done {
@ -86,17 +89,11 @@ body.wide {
margin-top: 1em; margin-top: 1em;
} }
/*
.keyboard-row:nth-child(2) {
margin-left: 0.75em;
}
.keyboard-row:nth-child(3) {
margin-left: 1.5em;
}
*/
.key { .key {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.5em; width: 1.5em;
height: 1.5em; height: 1.5em;
font-size: xx-large; font-size: xx-large;
@ -105,16 +102,15 @@ body.wide {
color: #fff; color: #fff;
background-color: rgb(107 114 128); background-color: rgb(107 114 128);
border-color: rgb(55 65 81); border-color: rgb(55 65 81);
border-radius: 5px;
cursor: pointer; cursor: pointer;
} }
#backspace, #enter { #backspace, #enter {
width: 3em; width: 3em;
margin: 0.1em; margin-left: 0.1em;
display: inline-flex; margin-right: 0.1em;
justify-content: center;
align-items: center;
} }
#share { #share {
@ -132,6 +128,10 @@ body.wide {
display: none; display: none;
} }
#options {
margin-top: 1em;
}
#copyarea { #copyarea {
display: none; display: none;
background-color: #1f2937; background-color: #1f2937;