From dc6617181f17ebf6a12555bb7c21e7960fa4529c Mon Sep 17 00:00:00 2001
From: Florent Poittevin <florent.poittevin@unige.ch>
Date: Wed, 7 Aug 2019 16:21:18 +0200
Subject: [PATCH] Fix display search filter on desktop
---
.../home-search-scope.presentational.scss | 31 +++++++++++--------
1 file changed, 18 insertions(+), 13 deletions(-)
diff --git a/src/app/features/home/components/presentationals/home-search-scope/home-search-scope.presentational.scss b/src/app/features/home/components/presentationals/home-search-scope/home-search-scope.presentational.scss
index 3336b99e8..30f7f49b4 100644
--- a/src/app/features/home/components/presentationals/home-search-scope/home-search-scope.presentational.scss
+++ b/src/app/features/home/components/presentationals/home-search-scope/home-search-scope.presentational.scss
@@ -1,25 +1,30 @@
@import "../../../../../../sass/abstracts/mixins";
-.radio-group > * {
- padding: 5px 0px;
- display: block;
+@include respond-to-breakpoint-and-bigger('sm') {
+ .search-filter {
+ display: flex;
+ }
+ .radio-group {
+ display: flex;
+ }
}
-.radio-group > :last-child {
- padding-bottom: 15px;
+.radio-group > * {
+ padding: 0 10px;
+ display: inline;
}
-@include respond-to-breakpoint-and-bigger('sm') {
- .radio-group > :last-child {
- padding-bottom: initial;
- }
+.search-filter {
+ padding-bottom: 10px;
+}
+@include respond-to-smaller-than-breakpoint('sm') {
.radio-group > * {
- padding: 0 10px;
- display: inline;
+ padding: 5px 0;
+ display: block;
}
- .search-filter {
- padding-bottom: 10px;
+ .radio-group > :last-child {
+ padding-bottom: 15px;
}
}
--
GitLab