From 139bc49f2447e3b2fff49c4b72d71b18d8f67075 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 22 Jan 2025 13:21:49 +0100
Subject: [PATCH] =?UTF-8?q?Swap=20Icon=20f=C3=BCr=20Invertierung=20erstell?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/einausgaenge.js | 37 ++++++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/pages/einausgaenge.js b/pages/einausgaenge.js
index f9810e5..385ded2 100644
--- a/pages/einausgaenge.js
+++ b/pages/einausgaenge.js
@@ -82,22 +82,29 @@ function EinAusgaenge() {
                           />
                           {input.id}
                         </td>
-                        <td
-                          className={`p-2 xl:py-0 ${
-                            input.status === "active"
-                              ? "text-green-500"
-                              : "text-red-500"
-                          }`}
-                        >
-                          {input.status === "active" ? "●" : "⨉"}
-                          {input.isInverted && (
-                            <Icon
-                              icon="mdi:swap-vertical"
-                              className="text-red-500 ml-2 text-xl cursor-pointer"
-                              title="Invertiert"
-                            />
-                          )}
+                        <td className="p-2 xl:py-0">
+                          <div className="flex items-center">
+                            {/* Status-Icon */}
+                            <span
+                              className={
+                                input.status === "active"
+                                  ? "text-green-500"
+                                  : "text-red-500"
+                              }
+                            >
+                              {input.status === "active" ? "●" : "⨉"}
+                            </span>
+                            {/* Swap-Icon wird angezeigt, wenn invertiert */}
+                            {input.isInverted && (
+                              <Icon
+                                icon="mdi:swap-vertical"
+                                className="text-red-500 ml-2 text-xl cursor-pointer"
+                                title="Invertiert"
+                              />
+                            )}
+                          </div>
                         </td>
+
                         <td className="p-2 xl:py-0">{input.description}</td>
                         <td className="p-2 xl:py-0">
                           <Icon