From 9ae6e6171dc4de20ef47d28574071e47a1762e5c Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 6 Nov 2024 09:32:22 +0100
Subject: [PATCH] Batrieb und Alarm in richtige Anordnung wie bei CPL

---
 components/modules/Kue705FO.jsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/components/modules/Kue705FO.jsx b/components/modules/Kue705FO.jsx
index e8a0558..7fb5697 100644
--- a/components/modules/Kue705FO.jsx
+++ b/components/modules/Kue705FO.jsx
@@ -405,19 +405,22 @@ function Kue705FO({
               onModulNameChange={setCurrentModulName}
             />
             <div className="flex flex-col mt-[10px] ml-[10px]">
-              <div className="flex items-center">
-                <div className="w-[10px] h-[10px] bg-green-500 rounded-full mr-2"></div>
-                <span className="text-white text-[10px]">Betrieb</span>
-              </div>
-              <div className="flex items-center mt-1">
-                <div
-                  className={`w-[10px] h-[10px] rounded-full mr-2 ${
-                    currentAlarmStatus ? "bg-red-500" : "bg-gray-300"
-                  }`}
-                ></div>
-                <span className="text-white text-[10px]">Alarm</span>
+              <div className="flex items-center space-x-4 mt-[10px]">
+                <div className="flex flex-col items-start space-y-1 mr-1">
+                  <span className="text-white text-[10px]">Betrieb</span>
+                  <span className="text-white text-[10px]">Alarm</span>
+                </div>
+                <div className="flex flex-col items-center space-y-3">
+                  <div className="w-[10px] h-[10px] bg-green-500 rounded-full"></div>
+                  <div
+                    className={`w-[10px] h-[10px] rounded-full ${
+                      currentAlarmStatus ? "bg-red-500" : "bg-gray-300"
+                    }`}
+                  ></div>
+                </div>
               </div>
             </div>
+
             {/* Anzeige des Isolation */}
             <div className="relative mt-[50px] mx-auto bg-black text-white w-[100px] h-[40px] flex items-center justify-center text-[18px] z-10">
               <div className="text-center">