circle Button

components/main/system/DetailModal.tsx

@@ -61,7 +61,7 @@ export const DetailModal = ({
     },
     plugins: {
       legend: { position: "bottom" as const },
-      title: { display: true, text: `Verlauf – ${selectedKey}` },
+      title: { display: true, text: `Verlauf  ${selectedKey}` },
     },
   };
 
@@ -74,8 +74,9 @@ export const DetailModal = ({
           <h2 className="text-xl font-semibold">
             Detailansicht: {selectedKey}
           </h2>
-          <button onClick={onClose} className="text-red-500 hover:text-red-700">
-            ✕
+
+          <button onClick={onClose} className="text-2xl hover:text-gray-200">
+            <i className="bi bi-x-circle-fill"></i>
           </button>
         </div>
 
@@ -142,8 +143,10 @@ export const DetailModal = ({
                 {
                   label: selectedKey,
                   data: values,
-                  borderColor: "rgba(59,130,246,1)",
-                  backgroundColor: "rgba(59,130,246,0.2)",
+                  // littwin-blue
+                  // rgb(61, 176, 242),
+                  borderColor: "rgba(61, 176, 242, 1)",
+
                   fill: false,
                 },
               ],