From b109d8ddc56335a971d837167148ce3d38605efb Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Tue, 22 Oct 2024 10:10:31 +0200
Subject: [PATCH] =?UTF-8?q?Alle=20anderen=20Fenster=20werden=20=C3=BCber?=
 =?UTF-8?q?=20ein=20X=20in=20der=20oberen=20Ecke=20geschlossen,=20hier=20g?=
 =?UTF-8?q?ibt=20es=20den=20Schalter=20"Schlie=C3=9Fen".=20Bitte=20durchg?=
 =?UTF-8?q?=C3=A4ngig=20mit=20X=20ein=20Fenster=20schlie=C3=9Fen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/modules/Kue705FO.jsx | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/components/modules/Kue705FO.jsx b/components/modules/Kue705FO.jsx
index 9cbc175..b549791 100644
--- a/components/modules/Kue705FO.jsx
+++ b/components/modules/Kue705FO.jsx
@@ -3,6 +3,7 @@ import React, { useState, useEffect } from "react";
 import ReactModal from "react-modal";
 import Chart from "chart.js/auto";
 import KueModal from "../modales/KueModal";
+import "bootstrap-icons/font/bootstrap-icons.css"; // Import Bootstrap Icons
 
 function Kue705FO({
   isolationswert,
@@ -336,23 +337,32 @@ function Kue705FO({
                   marginRight: "-50%",
                   transform: "translate(-50%, -50%)",
                   width: "95%",
-                  maxWidth: "1000px",
-                  height: "630px",
+                  maxWidth: "1200px",
+                  height: "650px",
                   padding: "10px",
                 },
               }}
             >
+              <button
+                onClick={handleCloseChartModal}
+                style={{
+                  position: "absolute",
+                  top: "10px",
+                  right: "10px",
+                  background: "transparent",
+                  border: "none",
+                  fontSize: "24px",
+                  cursor: "pointer",
+                }}
+              >
+                <i className="bi bi-x-circle-fill"></i>{" "}
+                {/* Bootstrap Icon "X" */}
+              </button>
               <h2>Messkurve Slot {slotIndex + 1}</h2>
               <canvas
                 id="myChart"
-                style={{ width: "100%", height: "500px" }}
+                style={{ width: "100%", height: "600px" }}
               ></canvas>
-              <button
-                onClick={handleCloseChartModal}
-                className="bg-littwin-blue text-white p-2 mt-4"
-              >
-                Schließen
-              </button>
             </ReactModal>
           )}
         </>