Merge pull request #42 from Supravisor/deploy

style buttons

Author: Supravisor

script.js

@@ -10,11 +10,13 @@ function originalFunc() {
   if (originalHide.innerText === "Hide Original") {
     original.style.display = "none";
     originalHide.innerText = "Show Original";
+    originalHide.style.background = "Blue";
        }
 
   else {
     original.style.display = "unset";
     originalHide.innerText = "Hide Original";
+    originalHide.style.background = "SkyBlue";
        }
 
 }
@@ -24,11 +26,13 @@ function compareFunc() {
   if (compareHide.innerText === "Hide Compare") {
     compare.style.display = "none";
     compareHide.innerText = "Show Compare";
+    compareHide.style.background = "Red";
        }
 
   else {
     compare.style.display = "unset";
     compareHide.innerText = "Hide Compare";
+    compareHide.style.background = "Pink";
        }
 
 }

styles.css

@@ -47,3 +47,18 @@ textarea {
   width: 200px;
   gap: 40px;
 }
+
+
+button {
+  font-size: 1.2em;
+  border-radius: 7px;
+  padding: 5px;
+}
+
+#button-original {
+  background: SkyBlue;
+}
+
+#button-compare {
+  background: Pink;
+}