make button component; put submit button inline

This commit is contained in:
np.w
2021-03-02 16:20:29 -06:00
parent d0118ddabf
commit ee36a493d3
6 changed files with 88 additions and 55 deletions
-42
View File
@@ -267,51 +267,9 @@ li.item {
.menu-action > .icon {
margin: 1rem 1rem;
}
button.button {
height: 2.5rem;
display: flex;
font-size: .875rem;
text-transform: uppercase;
padding: 0.75rem;
align-items: center;
justify-content: center;
min-width: 64px;
background-color: var(--white_light);
border: 1px solid var(--black_light);
border-radius: 4px;
}
button.button:hover {
background-color: var(--white_darker);
}
.header-container {
display: flex;
justify-content: center;
align-items: center;
}
.color-selector-container {
display: grid;
grid-auto-flow: column;
width: fit-content;
gap:3px;
}
.color-selector-container > .color {
border-radius: 50%;
width: 2em;
height: 2em;
}
.color-selector-container > .color.selected {
border-width: 3px;
border-style: solid;
border-color: var(--black_light);
}
.color-selector-container > .color:hover {
cursor: pointer;
}
.color-selector-container > .color > input[type=radio] {
visibility: hidden;
}