5 files changed, 30 insertions, 34 deletions
diff --git a/rannak/mangud/perenaine/kuulamine/index.html b/rannak/mangud/perenaine/kuulamine/index.html
index 3e88521..4e44139 100755
--- a/rannak/mangud/perenaine/kuulamine/index.html
+++ b/rannak/mangud/perenaine/kuulamine/index.html
@@ -12,10 +12,6 @@
 
 <body>
 
-    <!-- Button trigger modal -->
-    <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
-      Sissejuhatus
-    </button>
 
     <div class="container text-white text-center">
 	  <h1>Kuulamine</h1>
@@ -28,6 +24,11 @@
 
 		<div class="col">
           <button class="moveOn" disabled>Liigu Edasi</button>
+
+          <!-- Button trigger modal -->
+          <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
+            Sissejuhatus
+          </button>
 		</div>
 
 	  </div>
diff --git a/rannak/mangud/perenaine/kuulamine/style.css b/rannak/mangud/perenaine/kuulamine/style.css
index 380bc00..effe5f9 100755
--- a/rannak/mangud/perenaine/kuulamine/style.css
+++ b/rannak/mangud/perenaine/kuulamine/style.css
@@ -47,18 +47,15 @@ button:disabled{
 }
 
 .modalButton{
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 6px;
-    padding: 9px 25px;
+    display: inline-block;
+    padding: 6px 12px;
+    margin-left: 30px;
     background-color: rgba(0,136,169,1);
     border: none;
     border-radius: 50px;
     cursor: pointer;
     transition: all 0.3 ease 0;
-    margin: 3%;
-    font-size: 1.2rem;
+    font-size: 1rem;
 }
 
 .modalButton:hover{
diff --git a/rannak/mangud/perenaine/memori/style.css b/rannak/mangud/perenaine/memori/style.css
index f76cfda..eebb566 100755
--- a/rannak/mangud/perenaine/memori/style.css
+++ b/rannak/mangud/perenaine/memori/style.css
@@ -20,7 +20,6 @@ h1 {
 }
 
 .moveOn{
-    display: inline-block;
     border: none;
     padding: 6px 12px;
     margin-botton: 0;
@@ -61,17 +60,17 @@ button:disabled{
 }
 
 .modalButton{
-    background-color: rgba(0,136,169,1) !important;
-    border: none !important;
-    border-radius: 50px !important;
-    cursor: pointer !important;
-    transition: all 0.3 ease 0 !important;
-    font-size: 1.2rem !important;
-	text-align: center !important;
-	position: absolute !important;
-	top: 65% !important;
-	left: 50% !important;
-	transform: translate(-50%, -50%) !important;
+    background-color: rgba(0,136,169,1);
+    border: none;
+    border-radius: 50px;
+    cursor: pointer;
+    transition: all 0.3 ease 0;
+    font-size: 1.2rem;
+	text-align: center;
+	position: absolute;
+	top: 65%;
+	left: 50%;
+	transform: translate(-50%, -50%);
 }
 
 .modalButton:hover{
@@ -90,6 +89,7 @@ button:disabled{
   display: flex;
   flex-wrap: wrap;
   perspective: 1000px;
+  max-width: 70%;
 }
 
 .memory-card {
diff --git a/rannak/mangud/perenaine/ristsona/index.html b/rannak/mangud/perenaine/ristsona/index.html
index cb8ce41..0200a88 100755
--- a/rannak/mangud/perenaine/ristsona/index.html
+++ b/rannak/mangud/perenaine/ristsona/index.html
@@ -12,10 +12,6 @@
 
 <body>
 
-    <!-- Button trigger modal -->
-    <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
-      Sissejuhatus
-    </button>
 
     <div class="container text-white text-center">
 	  <h1>Ristsõna</h1>
@@ -29,6 +25,11 @@
 
 		<div class="col">
           <button class="moveOn" disabled>Liigu Edasi</button>
+
+          <!-- Button trigger modal -->
+          <button id="testModal" type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
+            Sissejuhatus
+          </button>
 		</div>
 
         <div class="text-center inputBox">
diff --git a/rannak/mangud/perenaine/ristsona/style.css b/rannak/mangud/perenaine/ristsona/style.css
index a7732c6..dea1b5e 100755
--- a/rannak/mangud/perenaine/ristsona/style.css
+++ b/rannak/mangud/perenaine/ristsona/style.css
@@ -63,18 +63,15 @@ button:disabled{
 }
 
 .modalButton{
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 6px;
-    padding: 9px 25px;
+    display: inline-block;
+    padding: 6px 12px;
+    margin-left: 30px;
     background-color: rgba(0,136,169,1);
     border: none;
     border-radius: 50px;
     cursor: pointer;
     transition: all 0.3 ease 0;
-    margin: 3%;
-    font-size: 1.2rem;
+    font-size: 1rem;
 }
 
 .modalButton:hover{