From 43084468ecc4d0b705cb9544b59b2769a5c9b98a Mon Sep 17 00:00:00 2001
From: Marcel van Remmerden <mvanremmerden@gitlab.com>
Date: Fri, 26 Jul 2019 11:30:11 +0200
Subject: Increasing width of filter dropdowns

---
 app/assets/stylesheets/pages/search.scss | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'app/assets/stylesheets/pages')

diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss
index a42e0dcbd5c..16efaba2799 100644
--- a/app/assets/stylesheets/pages/search.scss
+++ b/app/assets/stylesheets/pages/search.scss
@@ -187,7 +187,8 @@ input[type='checkbox']:hover {
 }
 
 .search-holder {
-  @include media-breakpoint-up(sm) {
+
+  @include media-breakpoint-up(lg) {
     display: flex;
     align-items: flex-end;
   }
@@ -198,8 +199,9 @@ input[type='checkbox']:hover {
     position: relative;
     margin-right: 0;
 
-    @include media-breakpoint-up(sm) {
+    @include media-breakpoint-up(lg) {
       margin-right: 5px;
+      margin-bottom: 0;
     }
   }
 
@@ -222,7 +224,7 @@ input[type='checkbox']:hover {
     width: 100%;
     margin-top: 5px;
 
-    @include media-breakpoint-up(sm) {
+    @include media-breakpoint-up(lg) {
       width: auto;
       margin-top: 0;
       margin-left: 5px;
@@ -230,9 +232,12 @@ input[type='checkbox']:hover {
   }
 
   .dropdown {
-    @include media-breakpoint-up(sm) {
+    margin-bottom: $gl-padding;
+
+    @include media-breakpoint-up(lg) {
       margin-left: 5px;
       margin-right: 5px;
+      margin-bottom: 0;
     }
   }
 
@@ -240,8 +245,8 @@ input[type='checkbox']:hover {
     width: 100%;
     margin-top: 5px;
 
-    @include media-breakpoint-up(sm) {
-      width: 180px;
+    @include media-breakpoint-up(lg) {
+      width: 240px;
       margin-top: 0;
     }
   }
-- 
cgit v1.2.3