From b3380dac7f44fb2af6146a7a83593dc8fdb763d7 Mon Sep 17 00:00:00 2001
From: Simon <vesspa0330@gmail.com>
Date: Sat, 28 Jun 2025 18:53:52 -0400
Subject: [PATCH] got border settings working per-container

---
 startpage.html | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/startpage.html b/startpage.html
index 9210d65..562c423 100644
--- a/startpage.html
+++ b/startpage.html
@@ -2154,19 +2154,28 @@
 
     // BORDER
     function changeContainerBorderWidth(borderChange) {
-      containerSettings.borderWidth = borderChange.target.value;
-      document.getElementById("mainContainer").style.borderWidth =
-        containerSettings.borderWidth + "px";
+      let containerId = borderChange.target.id.split("-")[0];
+      let container   = containerDataMap.get(containerId);
+
+      container.containerSettings.borderWidth = borderChange.target.value;
+      document.getElementById(containerId).style.borderWidth =
+        container.containerSettings.borderWidth + "px";
     }
     function changeContainerBorderRadius(radiusChange) {
-      containerSettings.borderRadius = radiusChange.target.value;
-      document.getElementById("mainContainer").style.borderRadius =
-        containerSettings.borderRadius + "px";
+      let containerId = radiusChange.target.id.split("-")[0];
+      let container   = containerDataMap.get(containerId);
+
+      container.containerSettings.borderRadius = radiusChange.target.value;
+      document.getElementById(containerId).style.borderRadius =
+        container.containerSettings.borderRadius + "px";
     }
     function changeContainerBorderColor(colorChange) {
-      containerSettings.borderColor = colorChange.target.value;
-      document.getElementById("mainContainer").style.borderColor =
-        containerSettings.borderColor;
+      let containerId = colorChange.target.id.split("-")[0];
+      let container   = containerDataMap.get(containerId);
+
+      container.containerSettings.borderColor = colorChange.target.value;
+      document.getElementById(containerId).style.borderColor =
+        container.containerSettings.borderColor;
     }
     // CLOCK
     function changeClockColor(colorChange) {