From 92ce7d4d4806fa4b707334d1179e156570e3cde9 Mon Sep 17 00:00:00 2001
From: Brice Maron <b.maron@whatever-company.com>
Date: Wed, 24 Jul 2019 15:45:57 +0200
Subject: Improve usability specially for small screen

- add buttons class to fix alignments
- add responsive info to big tables
- use visibility instead of display to avoid jumping rows
- reorganize menu in responsive
---
 ihatemoney/templates/list_bills.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'ihatemoney/templates/list_bills.html')

diff --git a/ihatemoney/templates/list_bills.html b/ihatemoney/templates/list_bills.html
index 718009b..98ff683 100644
--- a/ihatemoney/templates/list_bills.html
+++ b/ihatemoney/templates/list_bills.html
@@ -79,7 +79,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="identifier"><a href="{{ url_for(".invite") }}">{{ _("Invite people to join this project!") }}</a></div>
+<div class="identifier"><a class="btn btn-link" href="{{ url_for(".invite") }}">{{ _("Invite people to join this project!") }}</a></div>
 <a id="new-bill" href="{{ url_for(".add_bill") }}" class="btn btn-primary" data-toggle="modal" data-target="#bill-form">{{ _("Add a new bill") }}</a>
 
     <div id="bill-form" class="modal fade show" role="dialog">
@@ -97,7 +97,7 @@
     </div>
 
     {% if bills.count() > 0 %}
-    <table id="bill_table" class="col table table-striped table-hover">
+    <table id="bill_table" class="col table table-striped table-hover table-responsive-sm">
         <thead><tr><th>{{ _("Added on") }}</th><th>{{ _("When?") }}</th><th>{{ _("Who paid?") }}</th><th>{{ _("For what?") }}</th><th>{{ _("For whom?") }}</th><th>{{ _("How much?") }}</th><th>{{ _("Actions") }}</th></tr></thead>
     <tbody>
     {% for bill in bills %}
-- 
cgit v1.1