Since these changes can be directly applied to Issue #19, I have addressed that PR here as well and updated the description!
Purpose
Make the padding (top, bottom, right and left) around the grey collapsible box even in INITIATIVES > COMMUNITY OUTREACH and OPPORTUNITIES
Changes
Removed margin:10px from button element and added style="margin-bottom:10px; margin-top:10px". The extra padding on the right and left was causing the misalignment in the collapsible title in purple and its content in grey
To fix the spacing, simply adding top and bottom padding to content was not working as expected, causing the collapsible section to partially remain visible when collapsed. To solve this, the margin was moved from content to a new inner-content class that was created to wrap the content inside the content class. This way, the padding applied to the inner-content did not interfere with the collapsing functionality.
Since these changes can be directly applied to Issue #19, I have addressed that PR here as well and updated the description!
Purpose
Changes
margin:10pxfrombuttonelement and addedstyle="margin-bottom:10px; margin-top:10px". The extra padding on the right and left was causing the misalignment in the collapsible title in purple and its content in greycontentwas not working as expected, causing the collapsible section to partially remain visible when collapsed. To solve this, the margin was moved fromcontentto a newinner-contentclass that was created to wrap the content inside thecontentclass. This way, thepaddingapplied to theinner-contentdid not interfere with the collapsing functionality.https://github.com/user-attachments/assets/208d9cff-142c-40f1-b725-ee5bf0e5d48c
https://github.com/user-attachments/assets/9db558cc-d515-4575-aeec-4386d4e4b81c
Additional Info
19
21