[BUG] No padding around 'Select a tab' label in mobile view

[ThomasCode92]

Has this bug been raised before?

• [X] I have checked "open" AND "closed" issues and this is not a duplicate

Where did you find this bug?

Production

Version of BioDrop (for example "v1.2.3")

v2.99.4

Description

The current mobile view of the application displays the 'Select a tab' label with suboptimal padding, resulting in a less-than-ideal user experience. The inadequate padding around that label on smaller screens can lead to visual clutter and may impact the overall usability of the application.

Steps to Reproduce

1. Open the application on a mobile device or use a mobile view of the developer tools
2. Navigate to Community Events.
3. Observe the spacing around the label (See screenshot below)

Screenshots

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this

Adjust the CSS or styling rules for labels in the mobile view to provide appropriate padding, ensuring a more comfortable and aesthetically pleasing display.

[github-actions[bot]]

To reduce notifications, issues are locked until they are https://github.com/EddieHubCommunity/BioDrop/labels/%F0%9F%8F%81%20status%3A%20ready%20for%20dev and to be assigned. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[github-actions[bot]]

The issue has been unlocked and is now ready for dev. If you would like to work on this issue, you can comment to have it assigned to you. You can learn more in our contributing guide https://github.com/EddieHubCommunity/BioDrop/blob/main/CONTRIBUTING.md

[SaraJaoude]

Thank you for raising. Unfortunately @ThomasCode92 I cannot assign this issue to you at this time as we only assign one issue at any one time, per contributor (as reflected in our Contributing Guide).

[eugene4545]

I'd be happy to work on this issue, could i be assigned to it?

[vrushabhgawas14]

Thank you for raising. Unfortunately @ThomasCode92 I cannot assign this issue to you at this time as we only assign one issue at any one time, per contributor (as reflected in our Contributing Guide).

Ma'am I want to work on this issue as I have figured out that only change is px-3 (as much padding needed) in EventTabs.js

[ThomasCode92]

Thank you for raising. Unfortunately @ThomasCode92 I cannot assign this issue to you at this time as we only assign one issue at any one time, per contributor (as reflected in our Contributing Guide).

Yes, I understand. But I didn’t know which issue would be assigned first to me. You can assign it to someone else.

[arujjval]

@SaraJaoude can I work on this issue?

[SaraJaoude]

I'd be happy to work on this issue, could i be assigned to it?

@eugene4545 I have assigned this to you.

[charuchauhan]

Hello I guess no one is working on this, so can I work on this?

[ArvindParekh]

Hi @charuchauhan, thank you for your interest in contributing to BioDrop. The current issue has already been assigned to @eugene4545, and we usually allow a two-week window for individuals to address the task (contributing guide - for more reference). But if you'd like, feel -free to explore other open issues.

[SaraJaoude]

Hi, is it done or i can work on it?

@FazeenIjaz please check the conversation before raising this type of question. As you can see there is a PR open by the assignee to fix this issue, which needs to be reviewed.

[Abiheb]

Hello, can i work on this issue ?