From 612f2867a14485344a7fda2321260d74bc38b4d8 Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Mon, 18 Jan 2016 16:15:33 -0500
Subject: [PATCH] (css) Improve timepicker

---
 .../scss/components/timepicker/timepicker.scss             | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/UI/WebServerResources/scss/components/timepicker/timepicker.scss b/UI/WebServerResources/scss/components/timepicker/timepicker.scss
index a02c6e467..b90ad17e2 100644
--- a/UI/WebServerResources/scss/components/timepicker/timepicker.scss
+++ b/UI/WebServerResources/scss/components/timepicker/timepicker.scss
@@ -74,6 +74,13 @@ sg-time-pane {
 sg-timepicker {
   // Don't let linebreaks happen between the open icon-button and the input.
   white-space: nowrap;
+  overflow: hidden;
+
+  // Leave room for the down-triangle button to "overflow" it's parent without modifying scrollLeft
+  padding-right: $md-datepicker-triangle-button-width / 2;
+  margin-right: -$md-datepicker-triangle-button-width / 2;
+
+  vertical-align: middle;
 }
 
 // The calendar icon button used to open the calendar pane.