diff --git a/src/components/SearchFilters/SearchFilters.css b/src/components/SearchFilters/SearchFilters.css index c5802e26..ea6a1dec 100644 --- a/src/components/SearchFilters/SearchFilters.css +++ b/src/components/SearchFilters/SearchFilters.css @@ -4,17 +4,6 @@ display: flex; justify-content: space-between; background-color: var(--matterColorBright); - - /* sticky result summary in mobile */ - position: sticky; - top: 0; - z-index: 11; - - @media (--viewportMedium) { - position: static; - top: unset; - z-index: unset; - } } .searchResultSummary { diff --git a/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js b/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js index 2bccb3d4..56802589 100644 --- a/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js +++ b/src/components/SelectSingleFilterMobile/SelectSingleFilterMobile.js @@ -22,7 +22,7 @@ class SelectSingleFilterMobileComponent extends Component { intl, } = this.props; - const selectOption = option => { + const selectOption = (option) => { onSelect(customAttribute, option); }; diff --git a/src/containers/SearchPage/SearchPage.css b/src/containers/SearchPage/SearchPage.css index fc1d79b1..f392c771 100644 --- a/src/containers/SearchPage/SearchPage.css +++ b/src/containers/SearchPage/SearchPage.css @@ -31,10 +31,10 @@ flex-grow: 1; display: flex; flex-direction: column; - padding: 2px 24px 96px 24px; + padding: 2px 0 96px 0; @media (--viewportMedium) { - padding: 18px 24px 96px 24px; + padding: 18px 0 96px 0; /** * .container is using flexbox, * This specifies that searchResultContainer is taking 60% from the viewport width @@ -64,25 +64,20 @@ .searchFilters { display: none; - padding: 16px 0; @media (--viewportMedium) { - display: block; - padding: 0; + display: flex; + padding: 0 24px; margin-top: 3px; margin-bottom: 21px; } } .searchFiltersMobile { - padding: 16px 0; + padding: 16px 24px; @media (--viewportMedium) { display: none; - - padding: 0; - margin-top: 3px; - margin-bottom: 21px; } } @@ -90,6 +85,7 @@ flex-grow: 1; display: flex; flex-direction: column; + padding: 0 24px; } .newSearchInProgress {