diff --git a/src/components/SearchResultsPanel/SearchResultsPanel.css b/src/components/SearchResultsPanel/SearchResultsPanel.css
index 5b31ec3e..0c529d4e 100644
--- a/src/components/SearchResultsPanel/SearchResultsPanel.css
+++ b/src/components/SearchResultsPanel/SearchResultsPanel.css
@@ -6,6 +6,7 @@
}
.listingCards {
+ flex-grow: 1;
padding: 0 24px 24px 24px;
@media (--viewportMedium) {
diff --git a/src/components/SearchResultsPanel/SearchResultsPanel.js b/src/components/SearchResultsPanel/SearchResultsPanel.js
index 7dd0dfbd..666b2a02 100644
--- a/src/components/SearchResultsPanel/SearchResultsPanel.js
+++ b/src/components/SearchResultsPanel/SearchResultsPanel.js
@@ -28,6 +28,7 @@ const SearchResultsPanel = props => {
currencyConfig={currencyConfig}
/>
))}
+ {props.children}
{paginationLinks}
@@ -35,6 +36,7 @@ const SearchResultsPanel = props => {
};
SearchResultsPanel.defaultProps = {
+ children: null,
className: null,
listings: [],
pagination: null,
@@ -42,9 +44,10 @@ SearchResultsPanel.defaultProps = {
search: null,
};
-const { array, object, string } = PropTypes;
+const { array, node, object, string } = PropTypes;
SearchResultsPanel.propTypes = {
+ children: node,
className: string,
currencyConfig: propTypes.currencyConfig.isRequired,
listings: array,
diff --git a/src/containers/SearchPage/SearchPage.css b/src/containers/SearchPage/SearchPage.css
index b9dc3cb2..a64174b9 100644
--- a/src/containers/SearchPage/SearchPage.css
+++ b/src/containers/SearchPage/SearchPage.css
@@ -117,6 +117,10 @@
}
}
+.openMobileMapSticky {
+ position: sticky;
+}
+
.mapPanel {
@media (--viewportMedium) {
diff --git a/src/containers/SearchPage/SearchPage.js b/src/containers/SearchPage/SearchPage.js
index 0e7593d4..24cf3abf 100644
--- a/src/containers/SearchPage/SearchPage.js
+++ b/src/containers/SearchPage/SearchPage.js
@@ -254,19 +254,20 @@ export class SearchPageComponent extends Component {
listings={listings}
pagination={listingsAreLoaded ? pagination : null}
search={searchParamsForPagination}
- />
+ >
+
+
-