Browse Source

fixed input-group-append input-group-text markup in login/register page

REJack 5 years ago
parent
commit
4d14a6f3b7
2 changed files with 18 additions and 6 deletions
  1. 6 2
      pages/examples/login.html
  2. 12 4
      pages/examples/register.html

+ 6 - 2
pages/examples/login.html

@@ -31,14 +31,18 @@
       <form action="../../index3.html" method="post">
         <div class="input-group mb-3">
           <input type="email" class="form-control" placeholder="Email">
-          <div class="input-group-append input-group-text">
+          <div class="input-group-append">
+            <div class="input-group-text">
               <span class="fas fa-envelope"></span>
+            </div>
           </div>
         </div>
         <div class="input-group mb-3">
           <input type="password" class="form-control" placeholder="Password">
-          <div class="input-group-append input-group-text">
+          <div class="input-group-append">
+            <div class="input-group-text">
               <span class="fas fa-lock"></span>
+            </div>
           </div>
         </div>
         <div class="row">

+ 12 - 4
pages/examples/register.html

@@ -31,26 +31,34 @@
       <form action="../../index.html" method="post">
         <div class="input-group mb-3">
           <input type="text" class="form-control" placeholder="Full name">
-          <div class="input-group-append input-group-text">
+          <div class="input-group-append">
+            <div class="input-group-text">
               <span class="fas fa-user"></span>
+            </div>
           </div>
         </div>
         <div class="input-group mb-3">
           <input type="email" class="form-control" placeholder="Email">
-          <div class="input-group-append input-group-text">
+          <div class="input-group-append">
+            <div class="input-group-text">
               <span class="fas fa-envelope"></span>
+            </div>
           </div>
         </div>
         <div class="input-group mb-3">
           <input type="password" class="form-control" placeholder="Password">
-          <div class="input-group-append input-group-text">
+          <div class="input-group-append">
+            <div class="input-group-text">
               <span class="fas fa-lock"></span>
+            </div>
           </div>
         </div>
         <div class="input-group mb-3">
           <input type="password" class="form-control" placeholder="Retype password">
-          <div class="input-group-append input-group-text">
+          <div class="input-group-append">
+            <div class="input-group-text">
               <span class="fas fa-lock"></span>
+            </div>
           </div>
         </div>
         <div class="row">