Add form css

nummi/main/templates/main/index.html

@@ -43,11 +43,9 @@
 {% if categories %}
 	<h2>Catégories</h2>
 	<div id="categories">
-		{% spaceless %}
 		{% for cat in categories %}
 		<a href="{% url 'category' cat.id %}">{{ cat }}</a>
 		{% endfor %}
-		{% endspaceless %}
 	</div>
 {% endif %}
 

nummi/main/templates/main/transaction.html

@@ -1,24 +1,47 @@
 {% extends "main/base.html" %}
+{% load static %}
+
+{% block link %}
+{{ block.super }}
+<link rel="stylesheet" href="{% static 'css/form.css' %}" type="text/css" />
+{% endblock %}
 
 {% block body %}
 <h1>{{ transaction }}</h1>
 
-<form action="{% url 'update_transaction' transaction.id %}" method="post">
+{% spaceless %}
+<form id="transaction" action="{% url 'update_transaction' transaction.id %}" method="post">
 	{% csrf_token %}
-	{{ form.as_p }}
-	<input type="submit" />
+	{% for field in form %}
+	{{ field.errors }}
+	<label for="{{ field.id_for_label }}">{{ field.label }}</label>
+	{{ field }}
+	{% endfor %}
+	<div class="buttons">
+		<input type="reset" />
+		<input type="submit" value="Save Transaction" />
+	</div>
 </form>
+{% endspaceless %}
 
-<form action="{% url 'add_invoice' transaction.id %}" method="post" enctype="multipart/form-data">
-	{% csrf_token %}
-	<ul>
-		{% for inv in invoices %}
-		<li>
+<h2>Invoices</h2>
+<div id="invoices">
+	{% for inv in invoices %}
+		<div class="invoice">
 			<a href="{% url 'invoice' inv.id %}">{{ inv.name }}</a>
 			<a href="{% url 'del_invoice' transaction.id inv.id %}">x</a>
-		</li>
-		{% endfor %}
-		<li>{{ invoice_form.as_p }}<input type="submit" /></li>
-	</ul>
+		</div>
+	{% endfor %}
+</div>
+
+<h3>Add Invoice</h3>
+<form action="{% url 'add_invoice' transaction.id %}" method="post" enctype="multipart/form-data">
+	{% csrf_token %}
+	{% for field in invoice_form %}
+	{{ field.errors }}
+	<label for="{{ field.id_for_label }}">{{field.label }}</label>
+	{{ field }}
+	{% endfor %}
+	<div class="buttons"><input type="submit" value="Add Invoice" /></div>
 </form>
 {% endblock %}