UX: Improving aligment within topic timer modal

This commit is contained in:
Kris 2019-01-22 12:33:46 -05:00
parent a834245683
commit f0fd875918
3 changed files with 7 additions and 5 deletions

View File

@ -23,11 +23,12 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
label { label {
vertical-align: middle; display: inline-flex;
display: inline-block;
padding-right: 5px; padding-right: 5px;
margin-bottom: 0;
align-items: center;
input { input {
vertical-align: middle; margin-top: 0;
} }
} }
.btn.pull-right { .btn.pull-right {

View File

@ -12,6 +12,7 @@
.future-date-input-selector-datetime { .future-date-input-selector-datetime {
color: lighten($primary, 40%); color: lighten($primary, 40%);
margin-left: 5px; margin-left: 5px;
white-space: nowrap;
} }
.future-date-input-selector-icons { .future-date-input-selector-icons {

View File

@ -66,7 +66,6 @@
outline: none; outline: none;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
flex-direction: row; flex-direction: row;
min-height: 30px; min-height: 30px;
@ -91,7 +90,8 @@
} }
.caret-icon { .caret-icon {
margin-left: 5px; margin-left: auto;
padding-left: 5px;
pointer-events: none; pointer-events: none;
} }