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 3336b99e83647709e2719403c9e0affc2defc197..30f7f49b4541d66c8326168e2bd61cad0301621d 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; } }