grandlyon-gnm: review look of search/map page (#18954)

static/grandlyon-gnm/_custom.scss

@@ -1208,9 +1208,6 @@ body.section-m-y-rendre div.configjsoncell {
 div.searchcell {
 	form {
 		padding: 0;
-		@media screen and (min-width: $desktop-limit) {
-			margin-right: 20px;
-		}
 		display: flex;
 		flex-wrap: wrap;
 		input {
@@ -1268,8 +1265,8 @@ div#alert {
 	}
 }
 
-div.cell.selected {
-	box-shadow: 0 0 5px #666;
+#content div.cell.selected {
+	box-shadow: inset 10px 0 0 #3C3D3F;
 }
 
 #content #sidebar div.cell.mairie-usager {
@@ -1318,6 +1315,13 @@ div.cell.selected {
 	}
 }
 
+#searchbox + #main-content-wrapper #sidebar {
+	margin-left: 0;
+	.cell {
+		margin-bottom: 2px;
+	}
+}
+
 .gnm-villeurbanne div#top-bar,
 .gnm-villeurbanne div#hero {
 	background: #1A94AB;

static/grandlyon-gnm/extra.js

@@ -21,6 +21,9 @@ $(function() {
         $('#sidebar .cell').removeClass('selected');
         info.layer.matching_tile.addClass('selected');
         var $selected_cell = $('#sidebar .cell.selected');
+        if ($selected_cell.prev().length) {
+          $selected_cell.prependTo($selected_cell.parent());
+        }
         var $sidebar = $('#sidebar:visible');
         return;
       }
@@ -40,6 +43,9 @@ $(function() {
              $tile.prependTo($sidebar);
              $tile[0].matching_marker = info.layer;
              info.layer.matching_tile = $tile;
+             if ($tile.siblings().length > 1) {
+               $tile.siblings().last().remove();
+             }
            }
          }
       });

templates/variants/grandlyon-gnm/combo/page_template_search.html

@@ -8,3 +8,12 @@
     </div>
   </div>
 {% endblock %}
+
+{% block combo-content %}
+<div id="sidebar">
+{% placeholder "sidebar" %}
+</div>
+<div id="columns">
+{% placeholder "content" %}
+</div>
+{% endblock %}