css: improve form widgets alignment on validation page (#71983) #95

Merged
tjund merged 1 commits from wip/71983-form-validation-widget-alignement into main 2023-01-02 15:18:00 +01:00
1 changed files with 16 additions and 9 deletions

View File

@ -401,22 +401,29 @@ div.dataview div.page {
clear: both; clear: both;
} }
form div.page::after, form div.page,
div.dataview div.page::after { div.dataview div.page {
content: ""; @extend .clearfix;
display: block;
clear: both;
} }
div.form-validation div.page { div.form-validation div.page {
background: #f0f0f0; background: #f0f0f0;
padding-left: 0.7em; padding-left: 0.7em;
margin-bottom: 1.5em;
@media(max-width: $very-small-limit) {
padding-right: 0.7em;
}
> h3 {
padding-top: 0.7em;
font-size: 140%;
}
.widget:not(.BlockWidget):not(.BlockSubWidget):not([class*=' grid-']) {
@media(min-width: $very-small-limit + 1) {
padding-right: 0.7em;
}
}
} }
div.form-validation div.page > h3 {
padding-top: 0.7em;
font-size: 140%;
}
div#rub_service div.form-validation div.page div h3 { div#rub_service div.form-validation div.page div h3 {
border-bottom-width: 1px; border-bottom-width: 1px;