Show predefined time ranges as first in timepicker on small screens

7 years ago · 2d296715ec
parent 82adf5393e
commit 2d296715ec
1 changed files with 9 additions and 4 deletions
--- a/public/sass/components/_timepicker.scss
+++ b/public/sass/components/_timepicker.scss
@ -13,13 +13,18 @@
 }

 .gf-timepicker-dropdown {
-  position: absolute;
-  top: $navbarHeight;
-  right: 0;
-  padding: 10px 20px;
  background-color: $page-bg;
  border-radius: 0 0 0 4px;
  box-shadow: $search-shadow;
+  display: flex;
+  flex-direction: column-reverse;
+  padding: 10px 20px;
+  position: absolute;
+  right: 0;
+  top: $navbarHeight;
+  @include media-breakpoint-up(md) {
+    flex-direction: column;
+  }
 }

 .gf-timepicker-absolute-section {