Fix form styling

frontend/src/index.css

@@ -19,4 +19,12 @@ textarea {
 
 #button-container button {
   @apply mx-1;
-}
+}
+
+th {
+  @apply text-left;
+}
+
+th label {
+  @apply mr-4;
+}

games/templates/add.html

@@ -3,11 +3,14 @@
 {% block title %}{{ title }}{% endblock title %}
 
 {% block content %}
-    <form method="post" enctype="multipart/form-data" class="mx-auto">
+    <form method="post" enctype="multipart/form-data">
+        <table class="mx-auto">
         {% csrf_token %}
 
-        {{ form.as_p }}
+        {{ form.as_table }}
-
+        <tr>
-        <input type="submit" value="Submit"/>
+            <td><input type="submit" value="Submit"/></td>
+        </tr>
+        </table>
     </form>
 {% endblock content %}