style: alle Icons Panels in gleiche Position bringen

components/mainComponent/MapComponent.js

@@ -1203,7 +1203,6 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
         >
           <MapMarkerIcon className="h-8 w-8" />
         </button>
-        {overlay === "area" && <AreaDropdown onClose={() => setOverlay(null)} />}
         {/*Lupe: Koordinatensuche ein-/ausblenden */}
         <button
           onClick={() => setOverlay(prev => (prev === "coord" ? null : "coord"))}
@@ -1267,6 +1266,8 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
           />
         </button>
       </div>
+      {/* Marker/AreaDropdown Panel außerhalb der Button-Leiste platzieren, damit die Position mit den anderen Panels identisch ist */}
+      {overlay === "area" && <AreaDropdown onClose={() => setOverlay(null)} />}
       {/* BaseMapPanel entfernt */}
       <CoordinatePopup isOpen={isPopupOpen} coordinates={currentCoordinates} onClose={closePopup} />