fixed signup screen. working on create position screen

IPSystemTOPC/EmployeeProdDB/static/css/base.css

@@ -17,7 +17,7 @@ body {
 .footer {
     position: absolute;
     /* left: 0; */
-    bottom: 0;
+    bottom: 0px;
     width: 100%;
     height: 2.5rem; 
     text-align: center;

IPSystemTOPC/EmployeeProdDB/static/css/create_position.css

@@ -200,8 +200,8 @@
     /* margin-top: 15px; */
 }
 
-.search-and-add-cont {
-  width: 660px;
+.search-add-cont {
+  width: 560px;
   display: flex;
   align-items: left;
   justify-content:  space-between;
@@ -214,7 +214,7 @@
 }
 
 .searchbar {
-  /* width: 78%; */
+  width: 75%;
   /* padding-left: 30px; */
 }
 
@@ -223,7 +223,7 @@
   border: 1px solid black;
   padding: 5px 10px;
   /* margin-right: 20px; */
-  width: 660px;
+  width: 350px;
   height: 100%;
 }
 
@@ -260,15 +260,14 @@
   background-color: #8b0000 ;
   color: white;
   width: max-content;
-  width: 200px;
+  width: 100px;
   margin-right: 15px;
 }
 
 
 #participant {
-  width: 91.5%;
+  width: 95%;
   margin-top: 15px;
-  margin-left: 50px;
   height: 100%;   
   /* display: flex;
   /* flex-direction: column; */
@@ -294,4 +293,19 @@
 
 #participant tr:hover {
   background-color: #ddd;
+}
+
+#td-align td{
+  display: flex;
+  /* flex-direction: column; */
+  justify-content: space-between;
+}
+
+.left-cont {
+  width: 660px;
+  height: auto;
+}
+
+#cell-remove {
+  width: 200px;
 }
\ No newline at end of file

IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/create_position.html

@@ -65,9 +65,9 @@
             
             <div class="position-buttons-cont">
                 <!-- left side for the table -->
-                <div>
+                <div class="left-cont">
                   <!-- search bar cont -->
-                  <div class="search-and-add-cont">
+                  <div class="search-add-cont">
                     <div class="searchbar">
                         <input placeholder= 'Search Name' />
                 
@@ -83,20 +83,19 @@
                     <table id="participant">
                       <tr>
                         <td>1</td>
-                        <td>
-                          <div class="button-remove">
-                            <div>Name</div>
-                            <div><button >Remove</button></div>
-                          </div>
+                        <td id="td-align">
+                            Jacob
+                          </td>
+                          <td>
+                          <div class="button-remove cell-remove"><button >Remove</button></div>
                         </td>
-                      </tr>
-                      <tr>
+                      </tr><tr>
                         <td>1</td>
-                        <td>
-                          <div class="button-remove">
-                            <div>Name</div>
-                            <div><button >Remove</button></div>
-                          </div>
+                        <td id="td-align">
+                            Name
+                          </td>
+                          <td>
+                          <div class="button-remove"><button >Remove</button></div>
                         </td>
                       </tr>
                     </table>

IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/signup.html

@@ -39,29 +39,6 @@
                 <input type="password" name="password" id="password" placeholder="Re-enter Password">
                 </div>
 
-                <div class="form-group has-feedback horizontal-align">
-                  <div class="sex-inner">
-                  <label for="sex" class="">Sex:</label>
-                    <div class="sex-input">
-                      <input
-                        type="radio"
-                        id="male"
-                        name="gender"
-                        value="male"
-                        required
-                      />
-                      <label for="male">Male</label>
-                      <input
-                        type="radio"
-                        id="female"
-                        name="gender"
-                        value="female"
-                        required
-                      />
-                      <label for="female">Female</label>
-                </div>
-                </div>
-                </div>
                 <!-- <input type="submit"> -->
                 <div class="centercont column-direction">
                     <button type="submit" class="login-button login-borders button-login">Continue</button>