.barchart-container { box-sizing: border-box; float: left; width: 50%; padding: 0 20px 20px 0; } .barchart g { cursor: pointer; } .barchart .label { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; } .barchart .label_underlay { fill: rgba(255, 255, 255, .7); } .filters { width: 100%; } .filters .item { margin: 0; padding: 0; float: left; } .filters .item li { margin-right: 0.3em; } .filters .sort li { margin-left: 0.3em; } .filters .sort { margin: 0; padding: 0; float: right; } .filters li { display: inline-block; font-size: 1.2em; line-height: 2em; font-weight: 300; color: #aaa; cursor: pointer; } .filters li.active { font-weight: 400; color: #222; cursor: default; }