Fixes broken UI

[commitsovercoffee]

Updated !

Fixes #85 by adding style="margin:0" to misaligned headings.

• Aligns waste properties & icon under Types of waste on cd workshop page.

Before	After

• Aligns workshop stages pointers on cd workshop page.

Before	After

• Aligns continuous delivery principle label and > icon on cd workshop page.

Before	After

• Fixes gap between project description and topics on projects page.

Before	After

[jlarfors]

@commitsovercoffee thanks for the PR! That's awesome :)

I left some comments for you, would be great if you could take a look and let me know what you think.
Also if you could rebase your commits after any further changes to keep the history clean that would be much appreciated!

[commitsovercoffee]

@jlarfors I have responded to your comments and reverted back to using h1-4 elements.

Tailwind's default typography style adds a top margin for h1-4 which is causing the misalignment. But I'm not sure how changing the default style for h1-h4 will affect other places where headings are used. So I have just adjusted the padding to fix the alignments. 🤔

[jlarfors]

@commitsovercoffee thanks for the updated PR!

Did you have any objections to just adding style="margin:0" to the elements? This would remove all the margin from the headers, as added by the tailwind typography plugin, and mean we don't need to start messing around with the paddings (I'd need to test those on different screens to make sure it's responsive).

[commitsovercoffee]

Did you have any objections to just adding style="margin:0" to the elements?

I had tried m-0 and that didn't work so I started looking elsewhere. I literally forgot I could do this. 🤦

@jlarfors I have updated it to style="margin:0" instead. 😬

[jlarfors]

@commitsovercoffee really sorry for the delay getting this merged. Really appreciate your contribution, thanks!