Simplified label element CSS in admin login.css.

Don't add horizontal padding as the label is always displayed on its own
line. This padding added no visual difference.

Move the 'display: block' property from responsive.css to base.css. The
label is already displayed on its own line in all viewports, so reduce
differences in rendering. Using block also allows the label to consume
the width of its container, creating a larger clickable area for a
slight a11y improvement.
This commit is contained in:
Jon Dufresne 2020-06-25 11:58:17 +02:00 committed by Carlton Gibson
parent 60db8b7b37
commit f3e5fba7c5
3 changed files with 1 additions and 5 deletions

View File

@ -42,7 +42,7 @@
}
.login .form-row label {
padding-right: 0.5em;
display: block;
line-height: 2em;
clear: both;
}

View File

@ -897,9 +897,7 @@ input[type="submit"], button {
}
.login .form-row label {
display: block;
margin: 0 0 5px;
padding: 0;
line-height: 1.2;
}

View File

@ -6,8 +6,6 @@
.login .form-row label {
float: right;
padding-left: 0.5em;
padding-right: 0;
text-align: left;
}