fixed so all buttons are styled not just small ones, fixes #11616

public/sass/components/_timepicker.scss

@@ -71,12 +71,10 @@
   td {
   td {
     padding: 1px;
     padding: 1px;
   }
   }
-  button.btn-sm {
+  button {
     @include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl);
     @include buttonBackground($btn-inverse-bg, $btn-inverse-bg-hl);
-    font-size: $font-size-sm;
     background-image: none;
     background-image: none;
     border: none;
     border: none;
-    padding: 5px 11px;
     color: $text-color;
     color: $text-color;
     &.active span {
     &.active span {
       color: $blue;
       color: $blue;
@@ -86,6 +84,10 @@
       color: $orange;
       color: $orange;
       font-weight: bold;
       font-weight: bold;
     }
     }
+    &.btn-sm {
+      font-size: $font-size-sm;
+      padding: 5px 11px;
+    }
   }
   }
 }
 }
 
 
@@ -103,10 +105,10 @@
 }
 }
 
 
 .fa-chevron-left::before {
 .fa-chevron-left::before {
-  content: "\f053";
+  content: '\f053';
 }
 }
 .fa-chevron-right::before {
 .fa-chevron-right::before {
-  content: "\f054";
+  content: '\f054';
 }
 }
 
 
 .glyphicon-chevron-right {
 .glyphicon-chevron-right {