From f0fd8759183b48d4d570af8c2837f1a56a56f6fb Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 22 Jan 2019 12:33:46 -0500
Subject: [PATCH] UX: Improving aligment within topic timer modal

---
 .../common/base/edit-topic-status-update-modal.scss        | 7 ++++---
 .../common/select-kit/future-date-input-selector.scss      | 1 +
 app/assets/stylesheets/common/select-kit/select-kit.scss   | 4 ++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
index 5feaf512f96..9cd1b0e42da 100644
--- a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
+++ b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
@@ -23,11 +23,12 @@
     margin-bottom: 10px;
   }
   label {
-    vertical-align: middle;
-    display: inline-block;
+    display: inline-flex;
     padding-right: 5px;
+    margin-bottom: 0;
+    align-items: center;
     input {
-      vertical-align: middle;
+      margin-top: 0;
     }
   }
   .btn.pull-right {
diff --git a/app/assets/stylesheets/common/select-kit/future-date-input-selector.scss b/app/assets/stylesheets/common/select-kit/future-date-input-selector.scss
index a1c187ae8af..2f67cf96420 100644
--- a/app/assets/stylesheets/common/select-kit/future-date-input-selector.scss
+++ b/app/assets/stylesheets/common/select-kit/future-date-input-selector.scss
@@ -12,6 +12,7 @@
       .future-date-input-selector-datetime {
         color: lighten($primary, 40%);
         margin-left: 5px;
+        white-space: nowrap;
       }
 
       .future-date-input-selector-icons {
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
index 6adabd634fd..874dd6dd7c8 100644
--- a/app/assets/stylesheets/common/select-kit/select-kit.scss
+++ b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -66,7 +66,6 @@
     outline: none;
     display: flex;
     align-items: center;
-    justify-content: space-between;
     flex-direction: row;
     min-height: 30px;
 
@@ -91,7 +90,8 @@
     }
 
     .caret-icon {
-      margin-left: 5px;
+      margin-left: auto;
+      padding-left: 5px;
       pointer-events: none;
     }