Merge pull request #18 from ConnorMarcus/vahid

Adjusted form centering for login/registration forms
ConnorMarcus · Nov 9, 2023 · 06e46a3 · 06e46a3
2 parents cca55d0 + 3e6838e
commit 06e46a3
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/src/main/resources/static/css/LoginRegisterStyles.css b/src/main/resources/static/css/LoginRegisterStyles.css
@@ -1,7 +1,6 @@
 body {
     font-family: Arial, sans-serif;
     background-color: #f5f5f5;
-    text-align: center;
 }
 
 h1 {
@@ -55,3 +54,9 @@ button[type="submit"]:hover {
     margin-top: 15px;
     font-size: 12px;
 }
+
+.center {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+}
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
@@ -19,7 +19,9 @@ <h1>Please Log In</h1>
     <div>
         <input type="password" name="password" placeholder="Password" required/>
     </div>
-    <input type="submit" value="Log In"/>
+    <div class="center">
+        <input type="submit" value="Log In"/>
+    </div>
     <div class="redirect-link">Don't have an account? Register as a <a href="/register/Student">student</a> or <a href="/register/Professor">professor</a></div>
 </form>
 </body>

diff --git a/src/main/resources/templates/professorRegister.html b/src/main/resources/templates/professorRegister.html
@@ -22,10 +22,10 @@ <h1>Professor Registration</h1>
         <label for="password">Password:</label>
         <input type="password" id="password" name="password" th:field="*{password}" required="required" />
     </div>
-    <div>
+    <div class="center">
         <button type="submit">Register</button>
     </div>
-    <div class="redirect-link">Already have an account? <a href="/login">Login</a></div>
+    <div class="redirect-link center">Already have an account? <a href="/login"> Login</a></div>
 </form>
 </body>
 </html>
diff --git a/src/main/resources/templates/studentRegister.html b/src/main/resources/templates/studentRegister.html
@@ -30,10 +30,10 @@ <h1>Student Registration</h1>
         <input type="password" id="password" name="password" th:field="*{password}" required="required" />
     </div>
 
-    <div>
+    <div class="center">
         <button type="submit">Register</button>
     </div>
-    <div class="redirect-link">Already have an account? <a href="/login">Login</a></div>
+    <div class="redirect-link center">Already have an account? <a href="/login"> Login</a></div>
 </form>
 </body>
 </html>