diff --git a/maps/static/maps/css/app.scss b/maps/static/maps/css/app.scss
index 8d4bdb8..d9f01a1 100644
--- a/maps/static/maps/css/app.scss
+++ b/maps/static/maps/css/app.scss
@@ -228,7 +228,8 @@ select[multiple] {
}
}
-.my-profiles .cards .card__wrapper {
+.my-profiles .cards .card__wrapper,
+.results .cards .card__wrapper {
display: grid;
gap: 1.25rem;
grid-template-columns: 100%;
@@ -236,27 +237,31 @@ select[multiple] {
}
@media (min-width: 37.5rem) {
- .my-profiles .cards {
+ .my-profiles .cards,
+ .results .cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@supports (display:grid) {
- .my-profiles .cards {
+ .my-profiles .cards,
+ .results .cards {
display: grid;
gap: 1.875rem;
grid-template-columns: 100%;
}
}
- .my-profiles .cards .card__wrapper {
+ .my-profiles .cards .card__wrapper,
+ .results .cards .card__wrapper {
margin-bottom: 1.875rem;
width: 100%;
}
@supports (display:grid) {
- .my-profiles .cards .card__wrapper {
+ .my-profiles .cards .card__wrapper,
+ .results .cards .card__wrapper {
margin-bottom: 0;
}
}
@@ -276,43 +281,51 @@ select[multiple] {
}
@supports (display:grid) {
- .my-profiles .cards {
+ .my-profiles .cards,
+ .results .cards {
grid-template-columns: repeat(2, 1fr);
}
}
- .my-profiles .cards .card__wrapper {
+ .my-profiles .cards .card__wrapper,
+ .results .cards .card__wrapper {
width: calc(50% - 0.9375rem);
}
@supports (display:grid) {
- .my-profiles .cards .card__wrapper {
+ .my-profiles .cards .card__wrapper,
+ .results .cards .card__wrapper {
width: 100%;
}
}
- .my-profiles .card:nth-child(2n) {
+ .my-profiles .card:nth-child(2n),
+ .results .card:nth-child(2n) {
margin-left: 1.875rem;
}
@supports (display:grid) {
- .my-profiles .card:nth-child(2n) {
+ .my-profiles .card:nth-child(2n),
+ .results .card:nth-child(2n) {
margin-left: 0;
}
}
- .my-profiles .cards .card__wrapper + .card__wrapper {
+ .my-profiles .cards .card__wrapper + .card__wrapper,
+ .results .cards .card__wrapper + .card__wrapper {
margin-top: 0;
}
}
@media (min-width: 80rem) {
- .my-profiles main {
+ .my-profiles main,
+ .results main {
width: calc(66.66667% - 0.625rem);
}
@supports (display:grid) {
- .my-profiles main {
+ .my-profiles main,
+ .results main {
grid-column: 3/11;
width: 100%;
}
@@ -320,12 +333,14 @@ select[multiple] {
}
@media (min-width: 120rem) {
- .my-profiles main {
+ .my-profiles main,
+ .results main {
width: calc(50% - 0.9375rem);
}
@supports (display:grid) {
- .my-profiles main {
+ .my-profiles main,
+ .results main {
grid-column: 4/12;
width: 100%;
}
diff --git a/maps/templates/maps/header.html b/maps/templates/maps/header.html
index 89e9686..d819780 100644
--- a/maps/templates/maps/header.html
+++ b/maps/templates/maps/header.html
@@ -14,15 +14,7 @@
{% icon 'search' %}
-
+ {% include 'maps/search.html' %}
{% endif %}