From fbbce235ce14b445e599fe57efb4b2054283b663 Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Thu, 13 Jun 2019 13:30:33 +0200
Subject: [PATCH] UX: improves change-timestamp modal (#7766)

---
 app/assets/stylesheets/common/base/modal.scss | 30 +++++++++++++++----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index a50ea83f4c1..dae6737e1ae 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -425,24 +425,42 @@
   }
 }
 
+.modal .modal-body.change-timestamp {
+  overflow-y: scroll;
+
+  form {
+    display: flex;
+
+    input.date-picker,
+    input[type="time"] {
+      margin: 0;
+    }
+  }
+}
+
 .change-timestamp,
 .poll-ui-builder {
   max-width: 420px;
-  .date-picker {
-    min-width: 8em;
-  }
 
   #date-container {
     .pika-single {
       position: relative !important; // overriding another important
       display: inline-block;
-      margin-top: 5px;
+      margin-top: 0.5em;
+    }
+  }
+
+  .date-picker-wrapper {
+    min-width: 130px;
+    margin-right: 0.5em;
+
+    .date-picker {
+      height: 100%;
     }
   }
 
   input[type="time"] {
-    width: 7em;
-    text-align: center;
+    width: 130px;
   }
 
   form {