Margin added between the add bill button and the bill list.

2 files changed, 6 insertions, 5 deletions

diff --git a/budget/static/main.css b/budget/static/main.css
index f42a1fe..70547e1 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -46,6 +46,10 @@ a {
     width: 150px;
 }
 
+.list_bills{
+    margin-top: 10px;
+}
+
 .members {
     list-style-type: none;
     margin: 0;
diff --git a/budget/templates/list_bills.html b/budget/templates/list_bills.html
index 569e30c..19c014d 100644
--- a/budget/templates/list_bills.html
+++ b/budget/templates/list_bills.html
@@ -22,13 +22,10 @@
     </form>
 </div>
 <div id="content" class="uniForm span-18 last">
-<a class="awesome button fright" href="{{ url_for('add_bill', project_id=project.id) }}">Add a bill</a>
-    <form id="add_bill" action="{{ url_for('add_bill', project_id=project.id) }}" method="post" style="width: 400px; display: none">
-        {{ forms.add_bill(bill_form) }}
-    </form>
+    <a class="awesome button fright" href="{{ url_for('add_bill', project_id=project.id) }}">Add a bill</a>
 
     {% if bills.count() > 0 %}
-    <table>
+    <table class="list_bills">
         <thead><tr><th>When?</th><th>Who paid?</th><th>For what?</th><th>Owers</th><th>How much?</th><th>Actions</th></tr></thead>
     <tbody>
     {% for bill in bills %}