UX for Buttons

[jamesryan-dev]

Synchronise styling for all buttons so same

[SiAdcock]

The styling for the Add to Calendar and Slack buttons is all over the place:

• https://github.com/WDOTS/wdots.github.io/blob/integration/src/css/components/_button.scss
• https://github.com/WDOTS/wdots.github.io/blob/integration/src/css/components/_add-to-calendar.scss
• https://github.com/WDOTS/wdots.github.io/blob/integration/src/css/modules/_tickets.scss#L13
• https://github.com/WDOTS/wdots.github.io/blob/integration/src/css/vendor/atc-style-blue.css
• https://github.com/WDOTS/wdots.github.io/blob/integration/src/css/vendor/bootstrap.min.css

I'd recommend replacing the classes on these buttons (currently atc-style-blue and socialButton) with a new class, let's call it button--social. We can define this in the button component, using the styles defined in the add to calendar component. The Slack button and Add To Calendar buttons could all use this same class.

Since we are overriding most of the atc-style-blue.css styles, it is probably worth swapping this out for atc-base.css (Implemented in #80)

This could cause further unforeseen problems! Let's see how we get on 😅

[jamesryan-dev]

ahhhh just seen this @SiAdcock yeh the ATC Button isn't gr8.. I wonder how many people actually even use it??