Improve form field rendering macro to fix login/signup pages

It now looks less "dogshit" as one might say. Still quite dogshit, but acceptable 'dogshit'.
This commit is contained in:
Xevion
2022-03-29 02:51:47 -05:00
parent 862f58153e
commit 820ecf3d74
6 changed files with 121 additions and 60 deletions

View File

@@ -123,26 +123,6 @@ nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after
font-size: 1em;
}
form {
margin: 1em auto;
width: fit-content;
}
form.login-form {
border: 1px solid darkblue;
padding: 0.7em;
}
form field {
padding: 4px;
}
form field .checkbox {
margin-left: auto;
}
form button {
border-radius: 0px;
width: 15em;
margin: 0 auto;
}
.profile-title {
display: block;
border-bottom: 1px solid grey;
@@ -323,4 +303,46 @@ span.error-message.center-message {
display: table;
}
form {
background: white;
width: fit-content;
margin: 0 auto 0 auto;
padding: 1em;
border: grey 1px solid;
white-space: nowrap;
}
form label {
display: inline-block;
min-width: 10em;
}
form input {
border: #ccc 1px solid;
border-bottom: #ccc 2px solid;
padding: 3px;
margin-top: 10px;
font-size: 1em;
border-radius: 4px;
}
form input[type=submit] {
width: 100%;
}
.button {
background: #2ecc71;
width: 125px;
padding-top: 5px;
padding-bottom: 5px;
color: white;
border-radius: 4px;
border: #27ae60 1px solid;
float: left;
margin: 0 0 0 16px;
font-weight: 800;
font-size: 0.8em;
}
.button:hover {
background: #2CC06B;
}
/*# sourceMappingURL=styles.css.map */