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/static/css/main.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'ihatemoney/static/css')

diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index 3c905a0..57e1c29 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -20,7 +20,9 @@ body {
 .navbar .secondary-nav {
     text-align: right;
     flex-direction: row-reverse;
-
+}
+.secondary-nav .nav-link {
+    padding: .5rem 1rem;
 }
 .navbar-brand{ font-family: 'Lobster', arial, serif; }
 
@@ -116,7 +118,7 @@ footer{
     margin-top: 30px;
     position: fixed;
     bottom: 0px;
-    height: 20px;
+    height: 2em;
     width: 100%;
     text-align: center;
     background-color: #fff;
@@ -254,12 +256,12 @@ tr.payer_line .balance-name {
 
 .balance.table .action,
 .extra-info {
-    display: none;
+    visibility: hidden;
 }
 
 .balance.table tr:hover .action,
 tr:hover .extra-info {
-    display: initial;
+    visibility: visible;
 }
 
 /* Fluid Offsets for Boostrap */
-- 
cgit v1.1