Replace edit / delete links by icons. Fix #49.

4 files changed, 21 insertions, 2 deletions

diff --git a/budget/static/main.css b/budget/static/main.css
index 7995295..f156fa8 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -126,3 +126,16 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
 .confirm, .confirm:hover {
     color: red;
 }
+
+.bill-actions {
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+
+.edit img {
+    height: 24px;
+}
+
+.delete img {
+    height: 24px;
+}
diff --git a/budget/static/pen.png b/budget/static/pen.png
new file mode 100644
index 0000000..f486e40
--- /dev/null
+++ b/budget/static/pen.png
diff --git a/budget/static/scissors.png b/budget/static/scissors.png
new file mode 100644
index 0000000..2a40f0b
--- /dev/null
+++ b/budget/static/scissors.png
diff --git a/budget/templates/list_bills.html b/budget/templates/list_bills.html
index c33a7e2..a6c68b8 100644
--- a/budget/templates/list_bills.html
+++ b/budget/templates/list_bills.html
@@ -104,8 +104,14 @@
             <td>{{ bill.what }}</td>
             <td>{% for ower in bill.owers %}{{ ower.name }} {% endfor %}</td>
             <td>{{ "%0.2f"|format(bill.amount) }} ({{ "%0.2f"|format(bill.pay_each()) }} {{ _("each") }})</td>
-            <td><a href="{{ url_for(".edit_bill", bill_id=bill.id) }}">{{ _("edit") }}</a>
-                <a class="delete" href="{{ url_for(".delete_bill", bill_id=bill.id) }}">{{ _("delete") }}</a></td>
+            <td class="bill-actions">
+                <a class="edit" href="{{ url_for(".edit_bill", bill_id=bill.id) }}" title="{{ _("edit") }}">
+                    <img src="{{ url_for("static", filename="pen.png") }}" />
+                </a>
+                <a class="delete" href="{{ url_for(".delete_bill", bill_id=bill.id) }}" title="{{ _("delete") }}">
+                    <img src="{{ url_for("static", filename="scissors.png") }}" />
+                </a>
+            </td>
     </tr>
     {% endfor %}
     </tbody>