From abb94ba625adad651c99d69241422d40c5237cbe Mon Sep 17 00:00:00 2001
From: Divyansh Asthana <shivammohan850@gmail.com>
Date: Sat, 7 Oct 2023 00:20:23 +0530
Subject: [PATCH] Fix the button sizes

---
 views/home.ejs     | 32 ++++++++---------
 views/login.ejs    | 88 ++++++++++++++++++++--------------------------
 views/register.ejs |  2 +-
 views/secrets.ejs  | 29 ++++++++-------
 4 files changed, 72 insertions(+), 79 deletions(-)

diff --git a/views/home.ejs b/views/home.ejs
index a2900db..22c062d 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -1,20 +1,20 @@
 <%- include('partials/header') %>
 
-<div class="jumbotron centered">
-  <div class="container">
-    <i class="fas fa-key fa-6x"></i>
-    <h1 class="display-3">Secrets</h1>
-    <p class="lead">Don't keep your secrets, share them anonymously!</p>
-    <hr />
-    <a class="btn btn-light btn-lg" href="/register" role="button">Register</a>
-    <a class="btn btn-dark btn-lg" href="/login" role="button">Login</a>
+  <div class="jumbotron centered">
+    <div class="container">
+      <i class="fas fa-key fa-6x"></i>
+      <h1 class="display-3">Secrets</h1>
+      <p class="lead">Don't keep your secrets, share them anonymously!</p>
+      <hr />
+      <div class="d-flex justify-content-center">
+        <a class="btn btn-light btn-lg col-2 mx-2" href="/register" role="button">Register</a>
+        <a class="btn btn-dark btn-lg col-2 mx-2" href="/login" role="button">Login</a>
+      </div>
+    </div>
   </div>
-</div>
-<a href="#navbar" id="myBtn" title="Go to top">
-  <img
-    src="https://img.icons8.com/ios-filled/50/000000/long-arrow-up.png"
-    style="width: 70%; height: 70%; color: white; position: relative; left: 7px"
-  />
-</a>
+  <a href="#navbar" id="myBtn" title="Go to top">
+    <img src="https://img.icons8.com/ios-filled/50/000000/long-arrow-up.png"
+      style="width: 70%; height: 70%; color: white; position: relative; left: 7px" />
+  </a>
 
-<%- include('partials/footer') %>
+  <%- include('partials/footer') %>
\ No newline at end of file
diff --git a/views/login.ejs b/views/login.ejs
index 99c14e1..3830a67 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -1,61 +1,51 @@
 <%- include('partials/header') %>
 
-<div class="container mt-5" style="margin-bottom: 197px">
-  <h1>Login</h1>
+  <div class="container mt-5" style="margin-bottom: 197px">
+    <h1>Login</h1>
 
-  <div class="row">
-    <div class="col-sm-8">
-      <div class="card">
-        <div class="card-body">
-          <!-- Makes POST request to /login route -->
-          <form action="/login" method="POST">
-            <div class="form-group">
-              <label for="email">Email</label>
-              <input type="email" class="form-control" name="username" />
-            </div>
-            <div class="form-group">
-              <label for="password">Password</label>
-              <input type="password" class="form-control" name="password" />
-            </div>
-            <button type="submit" class="btn btn-dark">Login</button>
-          </form>
+    <div class="row">
+      <div class="col-sm-8">
+        <div class="card">
+          <div class="card-body">
+            <!-- Makes POST request to /login route -->
+            <form action="/login" method="POST">
+              <div class="form-group">
+                <label for="email">Email</label>
+                <input type="email" class="form-control" name="username" />
+              </div>
+              <div class="form-group">
+                <label for="password">Password</label>
+                <input type="password" class="form-control" name="password" />
+              </div>
+              <button type="submit" class="btn btn-dark col-2">Login</button>
+            </form>
+          </div>
         </div>
       </div>
-    </div>
 
-    <div class="col-sm-4">
-      <div class="card">
-        <div class="card-body">
-          <a
-            class="btn btn-block btn-social btn-google"
-            href="/auth/google"
-            role="button"
-          >
-            <i class="fab fa-google"></i>
-            Sign In with Google
-          </a>
+      <div class="col-sm-4">
+        <div class="card">
+          <div class="card-body">
+            <a class="btn btn-block btn-social btn-google" href="/auth/google" role="button">
+              <i class="fab fa-google"></i>
+              Sign In with Google
+            </a>
+          </div>
         </div>
-      </div>
 
-      <div class="card">
-        <div class="card-body">
-          <a
-            class="btn btn-block btn-social btn-facebook"
-            href="/auth/facebook"
-            role="button"
-          >
-            <i class="fab fa-facebook"></i>
-            Sign In with Facebook
-          </a>
+        <div class="card">
+          <div class="card-body">
+            <a class="btn btn-block btn-social btn-facebook" href="/auth/facebook" role="button">
+              <i class="fab fa-facebook"></i>
+              Sign In with Facebook
+            </a>
+          </div>
         </div>
       </div>
     </div>
   </div>
-</div>
-<a href="#navbar" id="myBtn" title="Go to top">
-  <img
-    src="https://img.icons8.com/ios-filled/50/000000/long-arrow-up.png"
-    style="width: 70%; height: 70%; color: white; position: relative; left: 7px"
-  />
-</a>
-<%- include('partials/footer') %>
+  <a href="#navbar" id="myBtn" title="Go to top">
+    <img src="https://img.icons8.com/ios-filled/50/000000/long-arrow-up.png"
+      style="width: 70%; height: 70%; color: white; position: relative; left: 7px" />
+  </a>
+  <%- include('partials/footer') %>
\ No newline at end of file
diff --git a/views/register.ejs b/views/register.ejs
index 66a216a..c00b69e 100644
--- a/views/register.ejs
+++ b/views/register.ejs
@@ -143,7 +143,7 @@
                                 </div>
                                 <button
                                     type="submit"
-                                    class="btn btn-dark"
+                                    class="btn btn-dark col-2"
                                     id="user-register"
                                 >
                                     Register
diff --git a/views/secrets.ejs b/views/secrets.ejs
index 44e155b..8093def 100644
--- a/views/secrets.ejs
+++ b/views/secrets.ejs
@@ -1,20 +1,23 @@
 <%- include('partials/header') %>
 
-<div class="jumbotron text-center">
-  <div class="container">
-    <i class="fas fa-key fa-6x"></i>
-    <h1 class="display-3">You've Discovered My Secret!</h1>
+  <div class="jumbotron text-center">
+    <div class="container">
+      <i class="fas fa-key fa-6x"></i>
+      <h1 class="display-3">You've Discovered My Secret!</h1>
 
-  <% usersWithSecrets.forEach(function(user){  %>
-           <p class="secret-text"><%=user.secret%></p>
-  <% })  %>
+      <% usersWithSecrets.forEach(function(user){ %>
+        <p class="secret-text">
+          <%=user.secret%>
+        </p>
+        <% }) %>
 
 
-    <hr>
-
-    <a class="btn btn-light btn-lg" href="/logout" role="button">Log Out</a>
-    <a class="btn btn-dark btn-lg" href="/submit" role="button">Submit a Secret</a>
+          <hr>
+          <div class="d-flex justify-content-center">
+            <a class="btn btn-light btn-lg col-2 mx-1" href="/logout" role="button">Log Out</a>
+            <a class="btn btn-dark btn-lg col-2 mx-1" href="/submit" role="button">Submit a Secret</a>
+          </div>
+    </div>
   </div>
-</div>
 
-<%- include('partials/footer') %>
+  <%- include('partials/footer') %>
\ No newline at end of file