🟢 Good First Issue: Fix spacing and alignment in BJH OS UI

[Haris16-code]

Some elements in BJH OS, such as buttons, text, and icons, are not properly aligned or spaced consistently across different screens. This causes the interface to look uneven and affects user experience.

Tasks

• Check all main screens (home, app launcher, settings).
• Ensure buttons, text boxes, and icons have consistent spacing.
• Adjust margins, padding, and alignment using CSS or HTML as needed.
• Make sure the UI looks correct on different resolutions.

Requirements

• Follow BJH OS’s design style and coding conventions.
• Include screenshots of before and after changes in your pull request.
• Test your changes to ensure nothing else in the UI breaks.

Resources

• BJH OS Developer Documentation: DEV_DOCS.md
• BJH OS CSS and UI code: located in the css/ and html/ folders in the repo.

Steps to Submit Pull Request

1. Fork the BJH OS repository.

2. Create a new branch:

   git checkout -b fix/ui-spacing
   

3. Make your changes.

4. Push to your fork and create a pull request targeting the main branch.

Note: Only submit PRs for this issue if you are confident you can complete the tasks. Thank you for helping improve BJH OS! 🙌

[shreyascodex]

Hi @Haris16-code! I'd like to contribute to this issue as my first contribution to BJH-OS. Is this issue still being worked on, or would you be okay with me taking it up?

[Haris16-code]

Hi @Haris16-code! I'd like to contribute to this issue as my first contribution to BJH-OS. Is this issue still being worked on, or would you be okay with me taking it up?

Yes, this issue is still part of BJH-OS and is open for contributions. Feel free to take it up as your first contribution!