Ristsõna done ja global button Fix

3 files changed, 24 insertions, 4 deletions

diff --git a/rannak/mangud/kaitseliitlane/kuulsused/index.html b/rannak/mangud/kaitseliitlane/kuulsused/index.html
index f692fd2..944a4c5 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/index.html
+++ b/rannak/mangud/kaitseliitlane/kuulsused/index.html
@@ -17,7 +17,7 @@
 
 		<div class="row">
 	  	  <div>
-	  		<a href="../rolliValik/index.html" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a>
+            <button class="moveOn" disabled>Liigu Edasi</button>
 	  	  </div>
 		</div>
 
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/script.js b/rannak/mangud/kaitseliitlane/kuulsused/script.js
index c2ef0d7..13b9d1d 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/script.js
+++ b/rannak/mangud/kaitseliitlane/kuulsused/script.js
@@ -64,8 +64,8 @@ function checkIfAllGood(){
 	}  // For loop end
 
 	if (rightDone.length == 8) {
-		const button = document.querySelector(".btn");
-		button.classList.remove('disabled');
-		button.setAttribute('aria-disabled', false);
+        const btn = document.querySelector(".moveOn");
+        btn.disabled = false;
+        btn.onclick = () => location.href = "";
 	}
 }
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/kuulsused/styles.css
index f22b919..e66a641 100644
--- a/rannak/mangud/kaitseliitlane/kuulsused/styles.css
+++ b/rannak/mangud/kaitseliitlane/kuulsused/styles.css
@@ -2,6 +2,25 @@
 	box-sizing: border-box !important;
 }
 
+.moveOn{
+    display: inline-block;
+    border: none;
+    padding: 6px 12px;
+    margin-botton: 0;
+    font-size: 1rem;
+    font-weight: normal;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 4px;
+    background-color: #4BB543;
+    color: white;
+}
+
+button:disabled{
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
 .lists{
     overflow: scroll !important;
 }
@@ -18,6 +37,7 @@ img {
 	margin: 0.3rem 0;
 	height: 2.5rem;
 	border-radius: 8px !important;
+    cursor: pointer;
 }
 
 .lists .list {