Minor style changes for more clarity

[EGI-ILM]

I raised this point long time ago and some good changes were done, but I would like to discuss it again to push further some of the changes.

• Bigger titles (headers)
• All titles need better spacing with subsequent paragraphs. At the moment everything is quite crowded, which makes it more difficult to distinguish sections.
• I would like to have a more prominent "Notes", probably with a surrounded box and maybe an icon too
• Maybe screenshots need to be bordered with a thin line

Thanks

[brucellino]

Hey! can you please provide some motivation for these changes in the meantime? What problems we perceive that these changes might address? Maybe a screenshot of an element which is emblematic of the problem?

Did we get this from a user / user community?

If I'm reading the docs right, we are using docsy, which ships with bootstrap -- the elements and their defaults are here : https://getbootstrap.com/docs/5.3/customize/sass/#variable-defaults

In the meantime this sounds like you are referring to:

1. h1 (currently 2.025rem)
2. p.margin-bottom (currently 1rem)
3. .alert (has a background set)
4. img.border-style (or we might want to try the figure class

Can you try put in your own scss locally and fiddle until you like it, then work on a PR?