fix(search): lateral btn over autocomp results (mobile) (#446)

* fix(search): lateral btn over autocomp results (mobile)

* fix small screen overlap add tools / LS

src/components/carte/Controls.vue

@@ -720,13 +720,13 @@ const layerImportOptions = {
 @media (max-width: 576px) {
   .position-container-top-right,
   .position-container-top-left {
-    top: 255px;
+    top: 299px;
   }
   .position-container-bottom-left,
   .position-container-bottom-right,
   .position-container-top-left,
   .position-container-top-right {
-    height: calc(100% - 259px);
+    height: calc(100% - 303px);
   }
 
   /* Mode mobile : on positionne les dialog par dessus la barre de recherche

src/components/menu/MenuLateralWrapper.vue

@@ -197,17 +197,22 @@ En mode petit écran on le positionne tout en haut en attendant mieux */
   }
 }
 /* Petits écrans */
+@media (max-width: 576px) {
+  // FIXME : on cache les bouton "rouage" et "catalogue" si les résultats d'autocompletion sont affichés.
+  #mainMap:has(.GPautoCompleteList.GPelementVisible) ~ .menu-toggle-wrap > .menu-logo-list,
+  .menu-toggle-wrap:has(~ #mainMap .GPautoCompleteList.GPelementVisible) > .menu-logo-list {
+    display : none;
+  }
+}
+
 @media (max-width: 627px) {
   // FIXME : on cache les bouton "rouage" et "catalogue" si un menu latéral est ouvert.
   // Cette instruction contourne le css scopé pour selectionner le menu suivant (tild) si le menu scopé est expanded
+  .menu-toggle-wrap:has(~ .menu-toggle-wrap.is_expanded) > .menu-logo-list
   .menu-toggle-wrap.is_expanded ~ .menu-toggle-wrap > .menu-logo-list {
     display : none;
   }
 
-  // Cette instruction contourne le css scopé pour selectionner le menu scopé s'il y a un menu expanded après (tild)
-  .menu-toggle-wrap:has(~ .menu-toggle-wrap.is_expanded) > .menu-logo-list {
-    display: none
-  }
   /* Les panels de gestion des widgets et du catalogue prennent toute la largeur
   sur petits écrans (<627px de large) et passent au dessus du reste */
   .menu-toggle-wrap {