diff options
| -rw-r--r-- | app/assets/stylesheets/pages/search.scss | 17 |
1 files changed, 11 insertions, 6 deletions
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; } } |