kaori 4 лет назад
Родитель
Сommit
71298cd319
1 измененных файлов с 16 добавлено и 26 удалено
  1. 16 26
      src/client/js/components/PasswordResetRequestForm.jsx

+ 16 - 26
src/client/js/components/PasswordResetRequestForm.jsx

@@ -8,34 +8,24 @@ const PasswordResetRequestForm = (props) => {
 
 
   return (
   return (
     <>
     <>
-      <div className="container">
-        <div className="row">
-          <div className="col-md-4 col-md-offset-4">
-            <div className="card">
-              <div className="card-body">
-                <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>
-                  <div className="card-body">
-                    <form id="register-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>
-                    </form>
-                  </div>
-                </div>
+      <div className="d-flex align-items-center justify-content-center">
+        <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>
             </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>
+          </form>
         </div>
         </div>
       </div>
       </div>
     </>
     </>