From 2d296715ece016571224b1d6cdfe6432698317ee Mon Sep 17 00:00:00 2001
From: Simon Podlipsky <simon@podlipsky.net>
Date: Fri, 14 Dec 2018 02:01:07 +0100
Subject: [PATCH] Show predefined time ranges as first in timepicker on small
 screens

---
 public/sass/components/_timepicker.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/public/sass/components/_timepicker.scss b/public/sass/components/_timepicker.scss
index e12835d31c1..b69e0ba99d2 100644
--- 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 {