Change from default increment/decrement buttons to custom ones since that's easier to style.
42 lines
664 B
CSS
42 lines
664 B
CSS
button {
|
|
border-width: 3px;
|
|
border-bottom-color: #B3B3B3;
|
|
border-right-color: #B3B3B3;
|
|
border-left-color: #E3E3E3;
|
|
border-top-color: #E3E3E3;
|
|
}
|
|
|
|
.group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
input {
|
|
border-width: 3px;
|
|
border-bottom-color: #E3E3E3;
|
|
border-right-color: #E3E3E3;
|
|
border-left-color: #B3B3B3;
|
|
border-top-color: #B3B3B3;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-webkit-appearance: textfield;
|
|
-moz-appearance: textfield;
|
|
appearance: textfield;
|
|
width: 3em;
|
|
}
|
|
|
|
.input {
|
|
height: 1.5em;
|
|
margin-bottom: 0.4em;
|
|
}
|
|
|
|
p {
|
|
margin: auto;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
#svg-container {
|
|
margin: auto;
|
|
} |