From 6bc2e1665701b236f15092a2b4ddf1765af04c79 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Tue, 16 Sep 2025 11:20:49 +0200
Subject: [PATCH] style: alle Icons Panels in gleiche Position  bringen

---
 .env.development                              |  2 +-
 .env.production                               |  2 +-
 components/mainComponent/MapComponent.js      |  3 +-
 components/uiWidgets/AreaDropdown.js          |  4 +-
 .../MapLayersControlPanel.js                  | 44 +------------------
 package-lock.json                             |  4 +-
 package.json                                  |  2 +-
 7 files changed, 11 insertions(+), 50 deletions(-)

diff --git a/.env.development b/.env.development
index 9a7be6e8c..a9d0753bd 100644
--- a/.env.development
+++ b/.env.development
@@ -23,4 +23,4 @@ NEXT_PUBLIC_USE_MOCKS=true
 # z.B. http://10.10.0.13/xyz/index.aspx -> basePath in config.json auf /xyz setzen
 # basePath wird jetzt in public/config.json gepflegt
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.1.368
+NEXT_PUBLIC_APP_VERSION=1.1.369
diff --git a/.env.production b/.env.production
index 46894803c..fe7890987 100644
--- a/.env.production
+++ b/.env.production
@@ -24,4 +24,4 @@ NEXT_PUBLIC_USE_MOCKS=false
 # basePath wird jetzt in public/config.json gepflegt
 
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.1.368
+NEXT_PUBLIC_APP_VERSION=1.1.369
diff --git a/components/mainComponent/MapComponent.js b/components/mainComponent/MapComponent.js
index 31db1c3d9..11134d82a 100644
--- a/components/mainComponent/MapComponent.js
+++ b/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} />
 
diff --git a/components/uiWidgets/AreaDropdown.js b/components/uiWidgets/AreaDropdown.js
index 39a4cdc12..7f03f9f2e 100644
--- a/components/uiWidgets/AreaDropdown.js
+++ b/components/uiWidgets/AreaDropdown.js
@@ -54,8 +54,8 @@ const AreaDropdown = ({ onClose }) => {
   }, [onClose]);
 
   return (
-    <div className="absolute top-16 right-3 z-[60]">
-      <div className="bg-white rounded-md shadow-lg p-3 border border-gray-200 min-w-[220px]">
+    <div className="absolute top-16 right-3 w-72 z-50 bg-white rounded-lg shadow-md">
+      <div className="flex flex-col gap-4 p-4">
         <div className="text-sm font-semibold mb-2">Station wählen</div>
         <select
           onChange={handleChange}
diff --git a/components/uiWidgets/mapLayersControlPanel/MapLayersControlPanel.js b/components/uiWidgets/mapLayersControlPanel/MapLayersControlPanel.js
index a7bfc5ce1..de2139fe8 100644
--- a/components/uiWidgets/mapLayersControlPanel/MapLayersControlPanel.js
+++ b/components/uiWidgets/mapLayersControlPanel/MapLayersControlPanel.js
@@ -275,48 +275,8 @@ function MapLayersControlPanel({ handlePolylineCheckboxChange }) {
 
   //---------------------------
   return (
-    <div
-      id="mainDataSheet"
-      className="absolute top-16 right-3 w-1/6 min-w-[300px] max-w-[200px] z-10 bg-white p-2 rounded-lg shadow-lg"
-    >
-      <div className="flex flex-col gap-4 p-4">
-        <div className="flex items-center justify-between space-x-2">
-          {/* 
-                  <select
-            onChange={handleAreaChange}
-            id="stationListing"
-            className="border-solid-1 p-2 rounded ml-1 font-semibold"
-            style={{ minWidth: "150px", maxWidth: "200px" }}
-          >
-            <option value="Station wählen">Station wählen</option>
-
-            {[
-              ...new Map(
-                (GisStationsStaticDistrict.Points || [])
-                  .filter(p => !!p.Area_Name)
-                  .map(p => [p.Area_Name, p])
-              ).values(),
-            ].map(item => (
-              <option key={item.Area_Name} value={item.IdLD}>
-                {item.Area_Name}
-              </option>
-            ))}
-          </select>
-        */}
-
-          {/*
-          <div className="flex items-center space-x-2">
-            <EditModeToggle />
-            <img
-              src="/img/expand-icon.svg"
-              alt="Expand"
-              className="h-6 w-6 cursor-pointer"
-              onClick={handleIconClick}
-            />
-          </div>
-          */}
-        </div>
-
+    <div className="absolute top-16 right-3 w-72 z-50 bg-white rounded-lg shadow-md">
+      <div id="mainDataSheet" className="flex flex-col gap-4 p-4">
         {/* Checkboxen mit Untermenüs */}
         <div className="flex flex-col gap-2">
           {systemListing.map(system => (
diff --git a/package-lock.json b/package-lock.json
index 29cdf524c..d363c9e8f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "nodemap",
-  "version": "1.1.368",
+  "version": "1.1.369",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "nodemap",
-      "version": "1.1.368",
+      "version": "1.1.369",
       "dependencies": {
         "@emotion/react": "^11.13.3",
         "@emotion/styled": "^11.13.0",
diff --git a/package.json b/package.json
index 6dae0d072..27e050949 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nodemap",
-  "version": "1.1.368",
+  "version": "1.1.369",
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",