From 23b7e397f2f9e62b961096daa03b0b04546b4b03 Mon Sep 17 00:00:00 2001
From: eMerzh <brice@bmaron.net>
Date: Sun, 5 Apr 2020 23:39:50 +0200
Subject: [PATCH] fix(Home): correct responsive width of cards (#549)

---
 ihatemoney/static/css/main.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index a646b175..32c267ea 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -150,6 +150,11 @@ body {
   margin-bottom: 20px;
   margin-left: 25px;
 }
+@media (max-width: 400px) {
+  .home .card {
+    min-width: unset;
+  }
+}
 /* Other */
 
 #bills {
@@ -320,13 +325,15 @@ footer .footer-left {
   background: url("../images/see.png") no-repeat right;
 }
 
-#bill_table, #monthly_stats {
+#bill_table,
+#monthly_stats {
   margin-top: 30px;
   margin-bottom: 30px;
 }
 
 @media (min-width: 768px) {
-  .split_bills, #table_overflow.statistics {
+  .split_bills,
+  #table_overflow.statistics {
     /* The table is shifted to left, so add the spacer width on the right to match */
     width: calc(100% + 15px);
   }