Fixed #33452 -- Fixed admin change-form layout for submit buttons on mid-sized displays.

Thanks David Smith for reviews.
This commit is contained in:
Mariusz Felisiak 2022-01-29 11:59:08 +01:00 committed by GitHub
parent c5c7a15b09
commit 67db54a5a7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 5 deletions

View File

@ -248,7 +248,7 @@ fieldset.monospace textarea {
/* SUBMIT ROW */ /* SUBMIT ROW */
.submit-row { .submit-row {
padding: 12px 14px; padding: 12px 14px 7px;
margin: 0 0 20px; margin: 0 0 20px;
background: var(--darkened-bg); background: var(--darkened-bg);
border: 1px solid var(--hairline-color); border: 1px solid var(--hairline-color);
@ -264,11 +264,11 @@ body.popup .submit-row {
.submit-row input { .submit-row input {
height: 35px; height: 35px;
line-height: 15px; line-height: 15px;
margin: 0 0 0 5px; margin: 0 0 5px 5px;
} }
.submit-row input.default { .submit-row input.default {
margin: 0 0 0 8px; margin: 0 0 5px 8px;
text-transform: uppercase; text-transform: uppercase;
} }
@ -288,6 +288,7 @@ body.popup .submit-row {
padding: 10px 15px; padding: 10px 15px;
height: 15px; height: 15px;
line-height: 15px; line-height: 15px;
margin-bottom: 5px;
color: var(--button-fg); color: var(--button-fg);
} }

View File

@ -28,7 +28,7 @@ input[type="submit"], button {
} }
#content { #content {
padding: 20px 30px 30px; padding: 15px 20px 20px;
} }
div.breadcrumbs { div.breadcrumbs {
@ -232,6 +232,22 @@ input[type="submit"], button {
margin-left: 2px; margin-left: 2px;
} }
.submit-row {
padding: 8px 8px 3px 8px;
}
.submit-row a.deletelink {
padding: 10px 7px;
}
.submit-row input.default {
margin: 0 0 5px 5px;
}
.button, input[type=submit], input[type=button], .submit-row input, a.button {
padding: 7px;
}
/* Related widget */ /* Related widget */
.related-widget-wrapper { .related-widget-wrapper {
@ -808,7 +824,7 @@ input[type="submit"], button {
/* Submit row */ /* Submit row */
.submit-row { .submit-row {
padding: 10px 10px 0; padding: 10px 10px 5px;
margin: 0 0 15px; margin: 0 0 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;