Update views/reg.ejs

views/reg.ejs

@@ -19,11 +19,11 @@ body {font-family: Arial, Helvetica, sans-serif; background-image:url("http://xi
   display: -ms-flexbox; /* IE10 */
   display: flex;
   width: 100%;
-  margin-bottom: 15px;
+  margin-bottom: 10px;
 }
 
 .icon {
-  padding: 10px;
+  padding: 15px;
   background:  #2ECC71;
   color: white;
   min-width: 50px;
@@ -43,7 +43,7 @@ body {font-family: Arial, Helvetica, sans-serif; background-image:url("http://xi
 
 /* Set a style for the submit button */
 .btn {
-  background-color:  #2ECC71;
+  background-color:  #ff5c3a;
   color: white;
   padding: 15px 20px;
   border: none;
@@ -53,8 +53,9 @@ body {font-family: Arial, Helvetica, sans-serif; background-image:url("http://xi
 }
 
 .btn:hover {
-  opacity: 1;
+  opacity: 5;
 }
+
 </style>
 </head>
 
@@ -70,17 +71,17 @@ body {font-family: Arial, Helvetica, sans-serif; background-image:url("http://xi
   <div class="row text-center">
     <div class="col-sm-6" style="color:pink">
        <h2> Donor Register Form</h2>
-          <div class="input-container">
+          <div class="input-container col-sm-9">
               <i class="fa fa-user icon"></i>
   <input class="input-field" type="text" placeholder="Username" name="dusrnm" required>
             </div>
 
-  <div class="input-container">
+  <div class="input-container col-sm-9">
     <i class="fa fa-envelope icon"></i>
     <input class="input-field" type="email" placeholder="Email" name="demail" required>
   </div> 
   
-  <div class="input-container" required>
+  <div class="input-container col-sm-9" required>
     <i class="fa fa-map-marker icon"></i>
     <select  name="dlocality" required >
   <option value=""> Select your Nearby Location</option>
@@ -105,13 +106,13 @@ body {font-family: Arial, Helvetica, sans-serif; background-image:url("http://xi
   </div>
    
 
-  <div class="input-container">
+  <div class="input-container col-sm-9">
     <i class="fa fa-mobile icon"></i>
     <input class="input-field" type="tel" placeholder="Mobile Number" name="DNumber" maxlength="10" required>
   </div>
    
 
-  <div class="input-container" required>
+  <div class="input-container col-sm-9 " required>
     <i class="fa fa-plus-square icon"></i>
 
  <select name="dbg" required>
@@ -128,17 +129,19 @@ body {font-family: Arial, Helvetica, sans-serif; background-image:url("http://xi
 </select>
 </div>
   
-  <div class="input-container">
+  <div class="input-container col-sm-9">
     <i class="fa fa-key icon"></i>
     <input class="input-field" type="password" placeholder="Password" name="dpsw" required>
   </div>
 
-  <div class="input-container">
+  <div class="input-container col-sm-9">
     <i class="fa fa-key icon"></i>
     <input class="input-field" type="password" placeholder=" Confirm Password" name="dconpsw" required>
   </div><br>
 
+ <div class="col-sm-9">
   <a href="/"><button type="submit" class="btn">Register</button></a>
+</div>
 </form>
 </div>
 
@@ -168,10 +171,10 @@ body {font-family: Arial, Helvetica, sans-serif; background-image:url("http://xi
     <i class="fa fa-key icon"></i>
     <input class="input-field" type="password" placeholder="confirm Password" name="rconpsw" required>
   </div>
-
-
-
+<br>
+<div class="col-sm-9">
   <a href="/"><button type="submit" class="btn">Register</button></a>
+</div>
 </form>