6172dd0a56
We were using a <label> tag with no associated field where a <legend> tag was more appropriate. With a fieldset, we also make it obvious these fields are related.
36 lines
676 B
SCSS
36 lines
676 B
SCSS
.legislation-process-form {
|
|
fieldset {
|
|
margin: $fieldset-padding 0;
|
|
padding-bottom: $fieldset-padding;
|
|
position: relative;
|
|
|
|
&::after {
|
|
border-bottom: $fieldset-border;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
margin-left: rem-calc(16);
|
|
position: absolute;
|
|
width: calc(100% - #{2 * rem-calc(16)});
|
|
|
|
@include breakpoint(small only) {
|
|
margin-left: rem-calc(10);
|
|
width: calc(100% - #{2 * rem-calc(10)});
|
|
}
|
|
}
|
|
|
|
> :last-child {
|
|
float: left !important;
|
|
}
|
|
|
|
legend {
|
|
margin-bottom: 0;
|
|
|
|
> * {
|
|
display: block;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
}
|
|
}
|