From 2a608408ce2c58a4cf4a7d9239c12be8c69e13f0 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Fri, 27 Sep 2024 11:16:15 +0200
Subject: [PATCH] Header rechte Bereich in Vier Bereiche erstellt

---
 components/Header.jsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/components/Header.jsx b/components/Header.jsx
index 98cfb45..eb05058 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -48,18 +48,15 @@ function Header() {
       </div>
       <div className="flex items-start space-x-4 w-full"></div>
       {/* Temperatur und Icons */}
-      <div className="p-4 w-full lg:w-full flex flex-row gap-3 justify-between">
+      <div className="p-4 w-full lg:w-full flex flex-row gap-4 justify-between">
         {/* Temperatur und Luftfeuchtigkeit */}
-        <div className="flex items-center space-x-4 min-w-0 flex-shrink">
-          <div className="flex items-center min-w-0">
-            <i className="bi bi-thermometer-half"></i>
-            <p className="text-lg ml-1">20.5 °C</p>
-          </div>
-
-          <div className="flex items-center min-w-0">
-            <i className="bi bi-droplet"></i>
-            <p className="text-lg ml-1">60%</p>
-          </div>
+        <div className="flex items-center min-w-0">
+          <i className="bi bi-thermometer-half"></i>
+          <p className="text-lg ml-1">20.5 °C</p>
+        </div>
+        <div className="flex items-center min-w-0">
+          <i className="bi bi-droplet"></i>
+          <p className="text-lg ml-1">60%</p>
         </div>
 
         {/* Toggle Switch light and dark mode */}