Improve appearence consistency of settings pages (#13938)
* Fix header button changing header size in settings pages * Make form buttons look more like a part of the form in settings pages - Put buttons closer, using same distance as between inputs - Make buton font size a bit smaller to blend a bit more - Add the class button to button tags for consisent styling
This commit is contained in:
parent
e49bd93211
commit
08cf81f8c1
6 changed files with 18 additions and 10 deletions
|
@ -171,9 +171,7 @@ $content-width: 840px;
|
|||
}
|
||||
|
||||
.content {
|
||||
padding: 20px 15px;
|
||||
padding-top: 60px;
|
||||
padding-left: 25px;
|
||||
padding: 55px 15px 20px 25px;
|
||||
|
||||
@media screen and (max-width: $no-columns-breakpoint) {
|
||||
max-width: none;
|
||||
|
@ -184,7 +182,7 @@ $content-width: 840px;
|
|||
&-heading {
|
||||
display: flex;
|
||||
|
||||
padding-bottom: 40px;
|
||||
padding-bottom: 36px;
|
||||
border-bottom: 1px solid lighten($ui-base-color, 8%);
|
||||
|
||||
margin: -15px -15px 40px 0;
|
||||
|
@ -215,7 +213,7 @@ $content-width: 840px;
|
|||
h2 {
|
||||
color: $secondary-text-color;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
line-height: 36px;
|
||||
font-weight: 400;
|
||||
|
||||
@media screen and (max-width: $no-columns-breakpoint) {
|
||||
|
@ -512,6 +510,16 @@ body,
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
.simple_form {
|
||||
.actions {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.button {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.batch-form-box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue