4 files changed, 41 insertions, 23 deletions
diff --git a/rannak/mangud/kaitseliitlane/salakood/index.html b/rannak/mangud/kaitseliitlane/salakood/index.html
index b40dd02..798c802 100755
--- a/rannak/mangud/kaitseliitlane/salakood/index.html
+++ b/rannak/mangud/kaitseliitlane/salakood/index.html
@@ -13,11 +13,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>Salakood</h1>
 
@@ -29,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 class="text-center inputBox">
diff --git a/rannak/mangud/kaitseliitlane/salakood/style.css b/rannak/mangud/kaitseliitlane/salakood/style.css
index e7d79d8..13630f5 100755
--- a/rannak/mangud/kaitseliitlane/salakood/style.css
+++ b/rannak/mangud/kaitseliitlane/salakood/style.css
@@ -51,20 +51,36 @@ 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;
+}
+
+
+.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;
 }
 
+
+
+
+
 .modalButton:hover{
     background-color: rgba(0,136,169,0.8);
 }
diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html
index 7c65863..7418239 100755
--- a/rannak/mangud/kaitseliitlane/sundmused/index.html
+++ b/rannak/mangud/kaitseliitlane/sundmused/index.html
@@ -19,14 +19,15 @@
 		<div class="row">
 	  	  <div>
             <button class="moveOn" disabled>Liigu Edasi</button>
+
+            <!-- Button trigger modal -->
+            <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
+              Sissejuhatus
+            </button>
 	  	  </div>
 
-		</div>
 
-        <!-- Button trigger modal -->
-        <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal">
-          Sissejuhatus
-        </button>
+		</div>
 
 
     </div>
diff --git a/rannak/mangud/kaitseliitlane/sundmused/styles.css b/rannak/mangud/kaitseliitlane/sundmused/styles.css
index fe4f0f9..546c8c3 100755
--- a/rannak/mangud/kaitseliitlane/sundmused/styles.css
+++ b/rannak/mangud/kaitseliitlane/sundmused/styles.css
@@ -82,20 +82,21 @@ img {
   border-radius: 50px;
 }
 
+
 .modalButton{
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 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{
     background-color: rgba(0,136,169,0.8);
 }