barbie-bot/fixin.me
0
0
Fork 0
forked from fixin.me/fixin.me
Code Pull Requests Activity

Style form as table

Browse Source
This commit is contained in:
cryptogopher
2023-04-07 17:37:17 +02:00
parent 74381494ea
commit d9943752e8
3 changed files with 52 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/assets/stylesheets/application.css
View File

@@ -115,16 +115,31 @@ a:not(:hover) {
opacity: 1;
}
.field + .field, .field + .actions {
margin-top: 0.8em;
form {
margin: 0 auto;
display: table;
border-spacing: 0.8em;
}
form label {
display: inline-block;
font-weight: bold;
.form-row {
display: table-row;
}
.form-label, .form-field {
display: table-cell;
}
.form-label {
font-size: 0.9em;
padding-right: 0.25em;
text-align: right;
width: 50%;
}
.form-label.required {
font-weight: bold;
}
.form-label.error {
color: #ff1f5b;
}
.form-actions {
caption-side: bottom;
display: table-caption;
}
form input[type=submit] {
display: block;