css: Make 50:50 layout working with the flexbox layout

fixes #2065
This commit is contained in:
Johannes Meyer 2020-07-14 14:18:58 +02:00
parent a761485b96
commit 5080ae3433

View File

@ -964,16 +964,23 @@ form.db-selector {
}
}
#layout.twocols &#col1 {
// Adjustments for the legacy layout to keep backwards compatibility
#layout.twocols > #main &#col1 {
width: 50%;
}
#layout.twocols &#col2 {
#layout.twocols > #main &#col2 {
width: 50%;
}
#layout.twocols &#col1 + #col2 {
#layout.twocols > #main &#col1 + #col2 {
width: 50%;
}
// Adjustments for the flexbox layout
#layout.twocols > #content-wrapper &#col2,
#layout.twocols > #content-wrapper &#col1 + #col2 {
flex-grow: 1;
}
form dd {
padding: 0.3em 0.5em;
margin: 0;