Merge pull request #34 from VyvaHart/dev

added img to 'show config' button

Author: VyvaHart

assets/right-arrow.png assets/right_arrow.pngassets/right-arrow.png renamed to assets/right_arrow.png

@@ -111,10 +111,23 @@ document.addEventListener("DOMContentLoaded", () => {
         const showButton = document.createElement("button");
         showButton.id = "show-button";
         showButton.style.position = "absolute";
+        showButton.style.backgroundColor = "transparent";
+        showButton.style.border = "none";
         showButton.style.top = "20px";
         showButton.style.left = "10px";
+        // showButton.style.padding = "6px";
         showButton.style.zIndex = "110"; // Ensures it stays on top of other elements
 
+        // Create the image element
+        const buttonImage = document.createElement("img");
+        buttonImage.src = "../assets/right_arrow.png";
+        buttonImage.alt = "Show Button Image";
+        buttonImage.style.width = "20px"; 
+        buttonImage.style.height = "20px"; 
+
+        // Append the image to the button
+        showButton.appendChild(buttonImage);
+
         document.body.appendChild(showButton);
 
         // Show the container when the "Show" button is clicked