2 files changed, 9 insertions, 11 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{