Bug Report: Minor Bugs on Advertisement Page and Advertisement Post Cards

[Nivedita-Chhokar]

Describe the bug
There are several minor bugs on the advertisement page and advertisement post cards, including layout inconsistencies and incorrect content display.

To Reproduce
Steps to reproduce the behavior:

1. Navigate to the advertisement page.
2. Check the padding of the content—observe that the spacing is inconsistent.
3. Interact with the close button—notice that it is not styled as expected
4. Select a type of advertisement or open the calendar—notice the theme mismatch

Expected behavior

• The content should have consistent padding for better visual alignment.
• The close button should be styled properly.
• The advertisement type selection and calendar should match the overall theme, ensuring consistent colors and styles.

Actual behavior

• The content is not properly padded, causing visual misalignment.
• The close button lacks the correct styling, appearing out of place.
• The theme of the advertisement type selection and calendar does not match the rest of the page, leading to a disjointed user experience.

Screenshots

Additional details
None

Potential internship candidates

Please read this if you are planning to apply for a Palisadoes Foundation internship

• Student Internship Programs talawa#359

[yugal07]

i will take on this issue. Kindly assign it to me @palisadoes

[SnowFlowerr]

@palisadoes i would like to work on this issue so please assign this issue to me.

[yugal07]

@SnowFlowerr I am already working on this issue...Please find some other issues to work on...There are some other unassigned issues in the issue section, you can go there and comment under the issue for it to be assigned to you.

[rishav-jha-mech]

@yugal07, if you are working on a similar issue or the same issue under a different name, please add the link here. This will help us determine whether to close this issue as a duplicate or check if it’s a genuine issue and potentially a superset of the one you are working on.

[yugal07]

@rishav-jha-mech I meant that I have already started fixing these bugs on my local machine. As far as I know, there are no duplicates. Apologies if there was any misconception.

[rishav-jha-mech]

@yugal07 I have assigned this issue to you, you can continue to work on this

[yugal07]

@rishav-jha-mech Got it, thank you! I’ll proceed with it.

[Shahmaz0]

Can i work on this issue?

[palisadoes]

We created an this issue to do basic changes to the CSS colors for consistency

• Update src/style/app.module.css to New Color Scheme #2880
• Updating to NEW COLOR SCHEME #2984

The resulting PR created a comprehensive design system for the entire app. This was unexpected. The approach was a long term goal that became immediately implementable. We had to act promptly.

We have just merged the PR. There will be a follow up PR to adjust some colors as the Figma design has lettering that is sometimes hard to read.

When this is done we'll need your assistance to merge the screens into the develop branch with this issue.

If your screens have not been affected, then you should use the new methodology to refactor them.

This is an extraordinary circumstance. I hope you will appreciate the decision.

[yugal07]

Hello @palisadoes,
Thank you for the update and context. I understand the decision to move forward with the design system and its long-term benefits.

I’m almost finished with my current work but will review and adjust it to align with the new methodology. Quick question: should I create a PR for this issue on the develop branch or the active develop-postgres branch?

Happy to assist with the follow-up PR or merging screens if needed. Looking forward to seeing the impact of the updated design system!