Alignment of events and removal of gaps?

The events are slightly misaligned to the left as you can see in the first screenshot. I want them to be centered and preferably I would like to have the gaps removed as in the second screenshot. Is this possible? It doesn't seem to be possible using css as width depends on window size.