NetzwerkInfo in dashboard strecken durch flex-grow

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>

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;

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>