Changed the styling of modals

index.php

@@ -256,7 +256,7 @@
           <div class="modal-content">
             <form action="php/register.php" method="post">
               <div class="modal-header">
-                  <h5 class="modal-title" id="registerLabel">register</h5>
+                  <h5 class="modal-title" id="registerLabel">Register</h5>
                   <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
               </div>
 

style/modules/_modal.sass

@@ -18,8 +18,12 @@
 @media (max-width: 483px)
     #logInModal, #registerModal
         .mb-3
-            width: 100%
+            width: 90%
         .modal-footer
+            div
+                margin-bottom: 10px;
             text-align: center
             button
-                width: 100%;
+                width: 100%;
+                margin-left: 10%
+                margin-right: 10%

style/style.css

@@ -177,13 +177,18 @@ video {
 
 @media (max-width: 483px) {
   #logInModal .mb-3, #registerModal .mb-3 {
-    width: 100%;
+    width: 90%;
   }
   #logInModal .modal-footer, #registerModal .modal-footer {
     text-align: center;
   }
+  #logInModal .modal-footer div, #registerModal .modal-footer div {
+    margin-bottom: 10px;
+  }
   #logInModal .modal-footer button, #registerModal .modal-footer button {
     width: 100%;
+    margin-left: 10%;
+    margin-right: 10%;
   }
 }