localhots
/
empact
1
0
Fork 0
Code Releases Activity

Responsive charts alignment

This commit is contained in:
Gregory Eremin 2015-03-15 17:40:07 +07:00
parent 8c62239b53
commit 152940e7d8
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/styles/charts.css
View File

@ -1,7 +1,18 @@
@media (min-width: 640px) {
.barchart-container, .sachart-container {
width: 100%;
}
}
@media (min-width: 1100px) {
.barchart-container, .sachart-container {
width: 50%;
}
}
.barchart-container { .barchart-container {
box-sizing: border-box; box-sizing: border-box;
float: left; float: left;
width: 50%;
padding: 0 20px 20px 0; padding: 0 20px 20px 0;
} }
.barchart g { .barchart g {
@ -22,7 +33,6 @@
.sachart-container { .sachart-container {
box-sizing: border-box; box-sizing: border-box;
float: left; float: left;
width: 50%;
padding: 0 20px 20px 0; padding: 0 20px 20px 0;
} }
.sachart-container .legend { .sachart-container .legend {