Fix styling differences between dev and published

[cyChop]

The local rendering seems to add margins which mess with the style conception. Understand where they come from and get rid of 'em!!

[cyChop]

Left: local; right: published.
Focus on the random/shopping cart buttons and on the strength indicator.

This is the same page. Does Github apply filter to the CSS?

[cyChop]

Minification is not the cause. Minified locally and got the same result (http://localhost:8080/dev/dist/beverages.css and https://cychop.github.io/beverages-js/dist/beverages.css are identical).

The problem has been confirmed in all tested browsers:

• Chromium (Ubuntu 16, Windows 10);
• Chrome (Windows 10);
• Firefox (Ubuntu 16).

It looks like browsers have a different rendering for local and remote sheets.

[cyChop]

An idea to test whether this comes from a local/remote difference in interpretation from browser: publish localhost via ngrok and access via the remote address.

[cyChop]

It appears the latest changes for #111 solved the difference.