Center all elements of checklist-item form

- before the save button, X and slider element had a strange layout. The
  save button was at the bottom, the X and slider at the top of the flex
  layout
This commit is contained in:
Martin Filser 2022-01-15 11:19:01 +01:00
parent 18e34b7f79
commit d9a7950fa4
2 changed files with 5 additions and 8 deletions

View file

@ -146,4 +146,4 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
.edit-controls .edit-controls
label.toggle-label label.toggle-label
margin-left: 6px margin-left: 2px

View file

@ -117,7 +117,6 @@ button
display: inline-block display: inline-block
font-weight: 700 font-weight: 700
line-height: 22px line-height: 22px
margin: 8px 4px 0 0
padding: 7px 20px padding: 7px 20px
text-align: center text-align: center
@ -226,20 +225,18 @@ textarea
.edit-controls, .edit-controls,
.add-controls .add-controls
display: flex display: flex
align-items: baseline align-items: center
margin-top: 0 margin-top: 0px
button[type=submit] button[type=submit]
input[type=button] input[type=button]
float: left float: left
height: 32px height: 32px
margin-top: -2px margin-bottom: 0px
padding-top: 5px
padding-bottom: 5px
.fa-times-thin .fa-times-thin
font-size: 26px font-size: 26px
margin: 3px 4px margin: 3px 10px
// Material Design checkboxes // Material Design checkboxes
[type="checkbox"]:not(:checked), [type="checkbox"]:not(:checked),