Fix: Added sufficient space between btns on Login and Register pages (#132)

Author: nlok5923

src/login/Login.css

@@ -46,3 +46,13 @@ h1 {
   padding-top: 2em;
   padding-bottom: 2em;
 }
+
+.space-btw{
+  width: 40%;
+}
+
+@media only screen and (max-width: 600px) {
+  .space-btw{
+      width: 20%;
+  }
+}

src/login/Login.jsx

@@ -91,13 +91,11 @@ export default function Login() {
                             <label>Not yet registered? Click on sign up.</label>
                         </div>
                         <div className="row button-group">
-                            <div className="col-sm">
-                                <div className="row">
+                            <div className="col">
                                     <a className="btn btn-primary" id="registerbtn" href="/register" role="button">Sign Up</a>
-                                </div>
                             </div>
-                            <div className="col-sm"></div>
-                            <div className="col-sm">
+                            <div className="space-btw"></div>
+                            <div className="col">
                                 <button className="btn btn-success"
                                     variant="success"
                                     type="submit"

src/register/Register.css

@@ -49,4 +49,14 @@ width: 80%;
 text-align: left;
 padding-top: 2em;
 padding-bottom: 2em;
-}
+}
+
+.space-btw{
+    width: 40%;
+}
+
+@media only screen and (max-width: 600px) {
+    .space-btw{
+        width: 20%;
+    }
+  }

src/register/Register.jsx

@@ -245,13 +245,11 @@ export default function Register() {
                             <label>Already registered? Click on Login.</label>
                         </div>
                         <div className="row button-group">
-                            <div className="col-sm">
-                                <div className="row">
+                            <div className="col">
                                     <a className="btn btn-primary" id="loginbtn" href="/login" role="button">Login</a>
-                                </div>
                             </div>
-                            <div className="col-sm"></div>
-                            <div className="col-sm">
+                            <div className="space-btw"></div>
+                            <div className="col">
                                 <button className="btn btn-success"
                                     variant="success"
                                     type="submit"