responsive adjustment

src/client/js/components/PasswordResetRequestForm.jsx

@@ -8,29 +8,35 @@ const PasswordResetRequestForm = (props) => {
 
   return (
     <>
-      <div className="d-flex justify-content-center mt-5">
-        <div className="text-center">
-          <h3><i className="fa fa-lock fa-4x"></i></h3>
-          <h2 className="text-center">Forgot Password?</h2>
-          <p>You can reset your password here.</p>
-          <form role="form" className="form" method="post">
-            <div className="form-group">
-              <div className="input-group">
-                <span className="input-group-addon">
-                  <i className="glyphicon glyphicon-envelope" />
-                </span>
-                <input name="email" placeholder="email address" className="form-control" type="email" />
-              </div>
+      <div className="container">
+        <div className="row justify-content-md-center">
+          <div className="col-md-6 mt-5">
+            <div className="text-center">
+              <h3><i className="fa fa-lock fa-4x"></i></h3>
+              <h2 className="text-center">Forgot Password?</h2>
+              <p>You can reset your password here.</p>
+              <form role="form" className="form" method="post">
+                <div className="form-group">
+                  <div className="input-group">
+                    <span className="input-group-addon">
+                      <i className="glyphicon glyphicon-envelope" />
+                    </span>
+                    <input name="email" placeholder="email address" className="form-control" type="email" />
+                  </div>
+                </div>
+                <div className="form-group">
+                  <input name="reset-password-btn" className="btn btn-lg btn-primary btn-block" value="Reset Password" type="submit" />
+                </div>
+                <a href="/login">
+                  <i className="icon-login mr-1"></i>Return to login
+                </a>
+              </form>
             </div>
-            <div className="form-group">
-              <input name="reset-password-btn" className="btn btn-lg btn-primary btn-block" value="Reset Password" type="submit" />
-            </div>
-            <a href="/login">
-              <i className="icon-login mr-1"></i>Return to login
-            </a>
-          </form>
+          </div>
+
         </div>
       </div>
+
     </>
   );
 };