♻️ Removed extra space between rule content and Giscus

[babakamyljanovssw]

As per email from Adam: "Giscus space".

Changes:
This space is not from Giscus container, instead there is <section> container with no data inside between rule content and Giscus which was rendering extra space with thin line.
As per my conversation with @tiagov8, kept thin line for better UI, and reduced the top and bottom margin.

Figure: Empty container which was rendering space

Figure: ❌ Before - there is extra space after rule content and Giscus

Figure: ✅ After - the space is reduced and thin line was kept between rule content and Giscus

[tiagov8]

Hi @babakamyljanovssw

You don't need to create a class for this.
See https://www.ssw.com.au/rules/avoid-unnecessary-css-classes/

1. Please remove the new class you created
2. Change the existing Tailwind "mb-2" class to be "mb-6" (we'll get the same result 😉)

[babakamyljanovssw]

Hi @tiagov8,

Removed custom margin styling and used ml-2 and mr-2.
Kept break-line class because it was giving thin line styling: border-top: 1px solid #f5f5f5;

[tiagov8]

Hey @babakamyljanovssw

We don't need the "break-line" class either

1. Please replace the whole section with a <hr /> (same as we have at the top of rules)

This way we don't need any extra classes or CSS changes

[babakamyljanovssw]

Hi @tiagov8

1. Please replace the whole section with a <hr /> (same as we have at the top of rules)

✅ Done