From d9a7950fa41a19cdf3aef06c5e203834c46aed2e Mon Sep 17 00:00:00 2001 From: Martin Filser Date: Sat, 15 Jan 2022 11:19:01 +0100 Subject: [PATCH] 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 --- client/components/cards/checklists.styl | 2 +- client/components/forms/forms.styl | 11 ++++------- 2 files changed, 5 insertions(+), 8 deletions(-) diff --git a/client/components/cards/checklists.styl b/client/components/cards/checklists.styl index d0e70dc24..c8ca24f06 100644 --- a/client/components/cards/checklists.styl +++ b/client/components/cards/checklists.styl @@ -146,4 +146,4 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item .edit-controls label.toggle-label - margin-left: 6px + margin-left: 2px diff --git a/client/components/forms/forms.styl b/client/components/forms/forms.styl index ce1a5adf1..e26a6cd64 100644 --- a/client/components/forms/forms.styl +++ b/client/components/forms/forms.styl @@ -117,7 +117,6 @@ button display: inline-block font-weight: 700 line-height: 22px - margin: 8px 4px 0 0 padding: 7px 20px text-align: center @@ -226,20 +225,18 @@ textarea .edit-controls, .add-controls display: flex - align-items: baseline - margin-top: 0 + align-items: center + margin-top: 0px button[type=submit] input[type=button] float: left height: 32px - margin-top: -2px - padding-top: 5px - padding-bottom: 5px + margin-bottom: 0px .fa-times-thin font-size: 26px - margin: 3px 4px + margin: 3px 10px // Material Design checkboxes [type="checkbox"]:not(:checked),