Sphurthy fix vertical spacing labels

[sphurthy]

Description

Related PRS (if any):

None

Main changes explained:

• Reduced excess vertical spacing between filter labels and dropdowns on the All Events page for Branches, Themes, and Categories.
• Added a scoped class in CPDashboard.jsx to target only those three filter rows.
• Updated CPDashboard.module.css to tighten spacing by lowering label bottom margin and dropdown top margin for the scoped rows only.
• Kept the update UI-only; no logic, API, or functional behavior was changed.

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
   4.Open Community Portal and go to the All Events page.
4. Locate the Search Filters section and check Branches, Themes, and Categories.
5. Confirm the label-to-dropdown gap is visibly tighter and consistent with the intended compact layout.
6. Verify other filters (for example Dates/Online) still look and behave as before.
7. Test in both light and dark mode to ensure spacing remains consistent.

Screenshots or videos of changes:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	a06fa07
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a62c01295646500087a4fe8
😎 Deploy Preview	https://deploy-preview-4929--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Vishnu10-hub]

Hi Sphurthy, tested locally on sphurthy-fix-vertical-spacing-labels. On Community Portal → All Events, the label-to-dropdown spacing for Branches/Themes/Categories is tighter and consistent. Dates/Online look unchanged, and spacing is consistent in both light and dark mode. Approving

[DeepighaJ]

Tested the filter panel UI and verified that the label-to-dropdown spacing for Branches, Themes, and Categories is visibly tighter and consistent with the intended compact layout. Alignment and spacing appear uniform across all filter sections. Approving this aspect of the change however no data available to select values in the branches/themes/categories.

[kzou55]

Hi Sphurthy,

I ran and tested the PR locally. I can verify that that Search Filters section(Branches, themes, categories) and it's drop down menu is visibly tighter and consistent in both Light and Dark mode. And that the dates and online filter still behaves correctly.

[HemanthNidamanuru]

Hi Sphurthy,

Tested this PR locally. The label-to-dropdown gap for Branches, Themes, and Categories is now tighter and consistent with the intended compact layout. Other filters like Dates/Online still look and behave as before. Verified in both light and dark mode, spacing is consistent. Everything is working fine.

[mahathiganimi]

Hi Sphurthy,

Tested these changes in my local. The filtering for themes and branches, categories won't work. However I know that this is out of PR scope. As PR totally aligns with styling and spacing of the components, which worked for me when I checked these changes. I approve this PR.

[one-community]

Thank you all, merging!

[kzou55]

Hi Sphurthy,

I ran and tested the PR locally again

Testing

• Light Mode

  Recording.2026-07-17.003603.mp4

• Dark Mode

  Recording.2026-07-17.003539.mp4

Issues

1. The Dates select button can a bit too much vertical spacing

2. In Dark Mode, the "All Events", "Filter" and card "Title/Name" text have poor contrast in Dark Mode

Note

• Assuming the "Apply Filters" and "Clear Filters" button are currently suppose to be not functional at the moment

[HemanthNidamanuru]

Hi Sphurthy,

The date selection button is not properly aligned and has excessive vertical spacing. Additionally, in dark mode, the “All Events,” “Filter,” and card “Title/Name” text have poor contrast, making them difficult to read.

[DeepighaJ]

Tested the PR locally. Below are the few suggestions
Align Radios & Checkboxes: Align the radio buttons (Tomorrow, This Weekend) and checkbox (Online Only) neatly along a straight left line.
Space between checkbox and Online only text can be improved.

[iAbhi001]

I tried using Admin Account but could not see community portal, Should I use owner account ?

[kzou55]

Hi Sphurthy,

I ran and tested the PR locally again.

Issues

• Can't load events anymore

  

[kzou55]

I tried using Admin Account but could not see community portal, Should I use owner account ?

@iAbhi001 You should be able to test on an Admin Account as I previously tested on Admin Account and it worked before. But currently can't load events on either Admin or Owner Account.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
1.8% Duplication on New Code

See analysis details on SonarQube Cloud