Swap Icon für Invertierung erstellt

pages/einausgaenge.js

@@ -82,14 +82,19 @@ function EinAusgaenge() {
                           />
                           {input.id}
                         </td>
-                        <td
-                          className={`p-2 xl:py-0 ${
+                        <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"
@@ -97,7 +102,9 @@ function EinAusgaenge() {
                                 title="Invertiert"
                               />
                             )}
+                          </div>
                         </td>
+
                         <td className="p-2 xl:py-0">{input.description}</td>
                         <td className="p-2 xl:py-0">
                           <Icon