[Glitch] Improve appearence consistency of settings pages

Port 08cf81f8c1 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
This commit is contained in:
Mélanie Chauvel 2020-06-26 00:36:30 +02:00 committed by Thibaut Girka
parent 327f6309e4
commit 4964490bbd

View File

@ -171,9 +171,7 @@ $content-width: 840px;
} }
.content { .content {
padding: 20px 15px; padding: 55px 15px 20px 25px;
padding-top: 60px;
padding-left: 25px;
@media screen and (max-width: $no-columns-breakpoint) { @media screen and (max-width: $no-columns-breakpoint) {
max-width: none; max-width: none;
@ -184,7 +182,7 @@ $content-width: 840px;
&-heading { &-heading {
display: flex; display: flex;
padding-bottom: 40px; padding-bottom: 36px;
border-bottom: 1px solid lighten($ui-base-color, 8%); border-bottom: 1px solid lighten($ui-base-color, 8%);
margin: -15px -15px 40px 0; margin: -15px -15px 40px 0;
@ -215,7 +213,7 @@ $content-width: 840px;
h2 { h2 {
color: $secondary-text-color; color: $secondary-text-color;
font-size: 24px; font-size: 24px;
line-height: 28px; line-height: 36px;
font-weight: 400; font-weight: 400;
@media screen and (max-width: $no-columns-breakpoint) { @media screen and (max-width: $no-columns-breakpoint) {
@ -528,6 +526,16 @@ body,
max-width: 100%; max-width: 100%;
} }
.simple_form {
.actions {
margin-top: 15px;
}
.button {
font-size: 15px;
}
}
.batch-form-box { .batch-form-box {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;