From 3dd073f98d3fc2bc5e4b5639d226aa04cb68db0f Mon Sep 17 00:00:00 2001
From: Patrick O'Carroll <ocarroll.patrick@gmail.com>
Date: Wed, 2 May 2018 09:56:53 +0200
Subject: [PATCH 1/2] fixed so all buttons are styled not just small ones,
 fixes #11616

---
 public/sass/components/_timepicker.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/sass/components/_timepicker.scss b/public/sass/components/_timepicker.scss
index 2d7a12c3d01..9b71e8e7c05 100644
--- a/public/sass/components/_timepicker.scss
+++ b/public/sass/components/_timepicker.scss
@@ -71,12 +71,10 @@
   td {
     padding: 1px;
   }
-  button.btn-sm {
+  button {
     @include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl);
-    font-size: $font-size-sm;
     background-image: none;
     border: none;
-    padding: 5px 11px;
     color: $text-color;
     &.active span {
       color: $blue;
@@ -86,6 +84,10 @@
       color: $orange;
       font-weight: bold;
     }
+    &.btn-sm {
+      font-size: $font-size-sm;
+      padding: 5px 11px;
+    }
   }
 }
 
@@ -103,10 +105,10 @@
 }
 
 .fa-chevron-left::before {
-  content: "\f053";
+  content: '\f053';
 }
 .fa-chevron-right::before {
-  content: "\f054";
+  content: '\f054';
 }
 
 .glyphicon-chevron-right {

From c897485958ff6932bb7277ed85913fad8a1172c0 Mon Sep 17 00:00:00 2001
From: Patrick O'Carroll <ocarroll.patrick@gmail.com>
Date: Fri, 4 May 2018 10:30:42 +0200
Subject: [PATCH 2/2] fixed text color in light theme

---
 public/sass/components/_timepicker.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/sass/components/_timepicker.scss b/public/sass/components/_timepicker.scss
index 9b71e8e7c05..e4d8f4555e0 100644
--- a/public/sass/components/_timepicker.scss
+++ b/public/sass/components/_timepicker.scss
@@ -77,7 +77,7 @@
     border: none;
     color: $text-color;
     &.active span {
-      color: $blue;
+      color: $query-blue;
       font-weight: bold;
     }
     .text-info {
@@ -88,6 +88,12 @@
       font-size: $font-size-sm;
       padding: 5px 11px;
     }
+    &:hover {
+      color: $text-color-strong;
+    }
+    &[disabled] {
+      color: $text-color;
+    }
   }
 }