Made it look more prettier

templates/index.html

@@ -1,24 +1,44 @@
 <html>
-<body style="background: #123456">
+<head> 
+    <link rel="stylesheet" href="/static/css/table.css"/>
+</head>
+<body style="background: #868686">
     <h1>Shopping list </h1>
-
+    <table style="width:100%; justify-content: left">
+        <tr>
+            <th>Requester</th>
+            <th>Item</th>
+            <th>Quantity</th>
+            <th>Got It?</th>
+        </tr>
     {% for res in data %}
+    <tr>
         {% for field in res %}
+            <td>
             {{ field }}
+        </td>
         {% endfor %}
-        <br/>
+    </tr>
     {% endfor %}
+</table>
+<table>
     <form action="/" method="post">
-        <label>Who Dat?</label>
-        <input type="text" name='requester'/><br/>
-        <label>Watchu Want?</label>
-        <input type="text" name='item'/><br/>
-        <label>How Many?</label>
-        <input type="text" name='quantity'/><br/>
-        <label>Have we gotten it?</label>
-        <input type="text" name='gotten'/><br/>
-        <input type="submit"/>
+    <tr>
+        <td><label>Who Dat?</label></td>
+        <td><input type="text" name='requester'/><br/></td>
+    </tr>
+    <tr>
+        <td><label>Watchu Want?</label></td>
+        <td><input type="text" name='item'/><br/></td>
+    </tr>
+    <tr>
+        <td><label>How Many?</label></td>
+        <td><input type="text" name='quantity'/><br/></td>
+    </tr>
+    <tr>
+        <td><input type="submit" value="Add Item"/></td>
+    </tr>
     </form>
-
+</table>
 </body>
 </html>