almet/ihatemoney
1
0
Fork 0
mirror of https://github.com/spiral-project/ihatemoney.git synced 2025-04-29 09:52:36 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(Home): correct responsive width of cards (#549)

Browse source
This commit is contained in:
eMerzh 2020-04-05 23:39:50 +02:00 committed by GitHub
parent a8e74c98df
commit 23b7e397f2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ihatemoney/static/css/main.css
View file

@ -150,6 +150,11 @@ body {
margin-bottom: 20px; margin-bottom: 20px;
margin-left: 25px; margin-left: 25px;
} }
@media (max-width: 400px) {
.home .card {
min-width: unset;
}
}
/* Other */ /* Other */
#bills { #bills {
@ -320,13 +325,15 @@ footer .footer-left {
background: url("../images/see.png") no-repeat right; background: url("../images/see.png") no-repeat right;
} }
#bill_table, #monthly_stats { #bill_table,
#monthly_stats {
margin-top: 30px; margin-top: 30px;
margin-bottom: 30px; margin-bottom: 30px;
} }
@media (min-width: 768px) { @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 */ /* The table is shifted to left, so add the spacer width on the right to match */
width: calc(100% + 15px); width: calc(100% + 15px);
} }