Fixing formatting of the form using a table

Signed-off-by: Eoghan Conlon <eoghanconlon73@skynet.ie>

src/password.html

@@ -12,16 +12,29 @@
     <h1>Skynet Password Reset & Sign-up service</h1>
 </div>
 <div class="boxes">
+
 <form id="reset">
-    <label for="user">Username</label>
-    <input type="text" id="user" name="user" /> <br />
-    <label for="pass">Old Password</label>
-    <input type="password" id="pass" name="pass" /> <br />
-    <label for="newPW1">New Password</label>
-    <input type="password" id="newPW1" name="newPW" /> <br />
-    <label for="newPW2">Confirm</label>
-    <input type="password" id="newPW2" name="newPWConfirm" /> <br />
-    <input type="Submit" value="Submit" />
+    <table id="table">
+        <tr>
+            <td><label class="label" for="user">Username</label></td>
+            <td><input class="input" type="text" id="user" name="user" /> <br /></td>
+        </tr>
+        <tr>
+            <td><label for="pass">Old Password</label></td>
+            <td><input type="password" id="pass" name="pass" /> <br /></td>
+            </tr>
+        <tr>
+            <td><label for="newPW1">New Password</label></td>
+            <td><input type="password" id="newPW1" name="newPW" /> <br /></td>
+            </tr>
+        <tr>
+            <td><label for="newPW2">Confirm</label></td>
+            <td><input type="password" id="newPW2" name="newPWConfirm" /> <br /> </td>
+        </tr>
+        <tr>
+            <td colspan="2"><input type="Submit" value="Submit" /></td>
+        </tr>
+    </table>
 </form>
 <p id="formStatus"></p>
 </div>

src/stylesheets/index.css

@@ -20,4 +20,8 @@ body{
     margin-left: 20%;
     margin-right: 20%;
     margin-bottom: 3%;
+}
+
+#table{
+    display: inline;
 }