zwbetz-gh / cupper-hugo-theme

An accessibility-friendly Hugo theme, ported from the original Cupper project.
https://cupper-hugo-theme.netlify.app/
MIT License
301 stars 190 forks source link

Large gap appears when I include a collapsible object or an icon #74

Closed gkabas closed 2 years ago

gkabas commented 2 years ago

Describe the bug When I add a button or a collapsible, the gap between these items and the line above is large.

To Reproduce Steps to reproduce the behavior:

  1. Go to to my webpage: https://gkabas.netlify.app/
  2. You will see the gap between the titles and "Abstract" is large. I use the following HTML piece (the gap is still there if I use other ways of having a collapsible, such as accordion or expandable):

"There is No Planet B", but for Banks There are "Countries B to Z": Domestic Climate Policy and Cross-Border Lending
with Emanuela Benincasa and Steven Ongena, SSRN, Download

Abstract: We provide evidence that banks increase cross-border lending in response to higher climate policy stringency in their home countries.

A similar gap appears when I include an icon in the text as well.

Expected behavior A clear and concise description of what you expected to happen. It may look better if we can reduce this gap. I try to adjust paragraph and line break margins on the CSS file, but it didn't work.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

screenshot

zwbetz-gh commented 2 years ago

The margin you're seeing is intentional.

If you wish, you can override it by changing this style.