refactor: improve form ux

This commit is contained in:
Carlos Valente
2025-01-22 21:08:40 +01:00
committed by Carlos Valente
parent c333117347
commit 39e012452b
3 changed files with 68 additions and 49 deletions
@@ -27,13 +27,12 @@
.titleSection,
.filterSection,
.oscSection,
.httpSection,
.companionSection {
.httpSection {
display: grid;
grid-gap: 0.5rem;
button {
align-self: end;
align-self: flex-end;
}
}
@@ -41,10 +40,13 @@
.ruleSection,
.filterSection,
.oscSection,
.httpSection,
.companionSection {
label {
.httpSection {
label, div {
// we use the div as non-interactive placeholder for button cells
// it needs to match the size of the label element
font-size: calc(1rem - 3px);
}
label {
color: $label-gray;
}
}