Polyclinic/PolyclinicWebAppImplementer/Views/Home/Register.cshtml

@@ -1,27 +1,29 @@
 @{
     ViewBag.SelectedSiteMenuItem = SiteMenuItems.Register;
 }
-<div class="text-center">
-    <h2 class="display-4">Регистрация</h2>
-</div>
-<form method="post">
-    <div class="row">
-        <div class="col-4">Email:</div>
-        <div class="col-8"><input type="text" name="email" /></div>
-    </div>
-    <div class="row">
-        <div class="col-4">Пароль:</div>
-        <div class="col-8"><input type="password" name="password" /></div>
-    </div>
-    <div class="row">
-        <div class="col-4">ФИО:</div>
-        <div class="col-8"><input type="text" name="fio" /></div>
-    </div>
-    <div class="row">
-        <div class="col-8"></div>
-        <div class="col-4">
-            <input type="submit" value="Регистрация"
-                   class="btn btn-primary" />
+<div class="d-flex w-100 h-100 align-content-center justify-content-center">
+    <form class="d-flex flex-column" id="registerForm" method="post">
+        <h4>Регистрация</h4>
+        <div class="mb-2 d-flex w-100">
+            <label for="fioInput" class="me-2">
+                ФИО
+            </label>
+            <input id="fioInput" type="text" placeholder="Иванов Иван Иванович" class="w-100" />
         </div>
-    </div>
-</form>
+        <div class="mb-2 d-flex w-100">
+            <label for="emailInput" class="me-2">
+                Email
+            </label>
+            <input id="emailInput" type="email" placeholder="mail@example.com" class="w-100" />
+        </div>
+        <div class="mb-2 d-flex w-100">
+            <label for="passwordInput" class="me-2">
+                Пароль
+            </label>
+            <input id="passwordInput" type="password" class="w-100" />
+        </div>
+        <button class="btn btn-outline-success" type="submit">
+            Зарегистрироваться
+        </button>
+    </form>
+</div>