diff --git a/src/styles/map.css b/src/styles/map.css index ba7a198..2f10f6d 100644 --- a/src/styles/map.css +++ b/src/styles/map.css @@ -243,7 +243,7 @@ box-shadow: 0 5px 12px rgba(0,0,0,.70), 0 0 14px rgba(56,189,248,.22); backdrop-filter: blur(10px); min-height: 38px; - width:100%; + width: 100%; /* ✅ prend toute la largeur de son conteneur */ } .sw-searchbar:focus-within{ @@ -310,6 +310,7 @@ body[data-theme="light"] .sw-search-clear{ /* ===== TOP ROW: search + 2 icônes ===== */ +/* Ligne entière */ .sw-top-row{ display:flex; align-items:center; @@ -318,16 +319,15 @@ body[data-theme="light"] .sw-search-clear{ width:100%; } -/* search ~45% à gauche */ +/* ✅ Search = prend tout, icônes juste ce qu’il faut */ .sw-top-search{ - flex:0 0 30%; - max-width:30%; + flex: 1 1 auto; + max-width: 100%; } -/* bloc des 2 boutons ~55% à droite */ +/* bloc des 2 boutons à droite, taille compacte */ .map-top-actions{ - flex:0 0 70%; - max-width:70%; + flex: 0 0 auto; display:flex; flex-direction:row; align-items:center; @@ -369,7 +369,7 @@ body[data-theme="light"] .sw-search-clear{ letter-spacing:0.04em; } -/* petits écrans : on laisse 45/55 mais on compresse un peu les boutons */ +/* petits écrans : on compresse un peu les boutons */ @media (max-width:480px){ .sw-top-row{ gap:0.5rem; @@ -385,9 +385,3 @@ body[data-theme="light"] .sw-search-clear{ display:none !important; } -/* ===== SocioWire: override top search bar width ===== */ -/* Change 260px pour ajuster la longueur réelle de la barre */ -input[placeholder*="Look at"] { - width: 260px; /* longueur de la barre */ - max-width: 80vw; /* pour éviter qu'elle dépasse sur petits écrans */ -}