editted sign up screen but not finished

IPSystemTOPC/EmployeeProdDB/static/css/signup.css

@@ -77,4 +77,29 @@ body {
 .button-cancel {
     background-color: white;
     border: 1px solid black;
+}
+
+.horizontal-align {
+    display: flex;
+    justify-content: space-between;
+}
+
+.sex-input {
+    width: 150px;
+    display: flex;
+}
+
+.sex-input input {
+    display: flex;
+}
+
+
+.sex-input label {
+    display: block;
+}
+
+.sex-inner {
+    display: flex;
+    flex-direction: row;
+    
 }
\ No newline at end of file

IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/signup.html

@@ -29,12 +29,37 @@
 
             <form method="POST" action="{% url 'loginpage' %}">{% csrf_token %}
                 <div class="login-input-align">
-                <div class="form-group has-feedback">
-                <input type="text" name="username" id="username" placeholder="Enter Username">
+                <div class="form-group has-feedback horizontal-align">
+                    <input type="text" name="fullname" id="fullname" placeholder="Enter Full Name"> 
+                    <input type="text" name="username" id="username" placeholder="Enter Username">
                 </div>
-                <div class="form-group has-feedback">
+
+                <div class="form-group has-feedback horizontal-align">
                 <input type="password" name="password" id="password" placeholder="Enter Password">
-                <input type="password" name="password" id="password" placeholder="Renter Password">
+                <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"> -->