From b4934a015bfc2c0bdee68f91d7aa75934c5dd36a Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Thu, 20 Feb 2025 08:46:37 +0100
Subject: [PATCH] NetzwerkInfo in dashboard strecken durch flex-grow

---
 components/main/uebersicht/NetworkInfo.tsx | 4 ++--
 config/webVersion.ts                       | 2 +-
 pages/dashboard.tsx                        | 7 +++----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/main/uebersicht/NetworkInfo.tsx b/components/main/uebersicht/NetworkInfo.tsx
index 3bc4a7a..6582628 100644
--- a/components/main/uebersicht/NetworkInfo.tsx
+++ b/components/main/uebersicht/NetworkInfo.tsx
@@ -19,8 +19,8 @@ const NetworkInfo: React.FC = () => {
     "Unbekannt";
 
   return (
-    <div className="flex items-center space-x-4">
-      <div className="flex-shrink-0 flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 laptop:m-0 laptop:scale-y-75">
+    <div className="w-full flex-grow flex">
+      <div className=" flex-grow flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 laptop:m-0 laptop:scale-y-75">
         <div className="flex items-center space-x-4">
           <img src="/images/IP-icon.svg" alt="IP Address" className="w-6" />
           <div>
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 223e5e1..1a1a548 100644
--- a/config/webVersion.ts
+++ b/config/webVersion.ts
@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.60";
+const webVersion = "1.6.61";
 export default webVersion;
diff --git a/pages/dashboard.tsx b/pages/dashboard.tsx
index 7f5c252..97bb4a3 100644
--- a/pages/dashboard.tsx
+++ b/pages/dashboard.tsx
@@ -1,4 +1,4 @@
-"use client";
+"use client"; //pages/dashboard.tsx
 import React, { useEffect } from "react";
 import { useRouter } from "next/navigation";
 import "tailwindcss/tailwind.css";
@@ -31,14 +31,13 @@ const Dashboard: React.FC = () => {
         <Last20MessagesTable />
 
         <div className="shadow-md rounded-lg w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-1/3 flex flex-col gap-2">
-          <div className="bg-gray-50 p-4 rounded-lg shadow-sm border border-gray-200 w-full">
-            <VersionInfo />
-          </div>
+          <VersionInfo />
 
           {/* Jetzt holt sich Baugruppentraeger die Werte selbst aus Redux */}
           <Baugruppentraeger />
         </div>
       </div>
+      {/* NetworkInfo in einem div ,nimmt den gesamte Breite */}
 
       <NetworkInfo />
     </div>