added img to 'show config' button

VyvaHart · Nov 10, 2024 · 2353245 · 2353245
1 parent 156c855
commit 2353245
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/assets/right-arrow.png → assets/right_arrow.png b/assets/right-arrow.png → assets/right_arrow.png
diff --git a/js/buttons.js b/js/buttons.js
@@ -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