github-actions[bot]
commented
2 hours ago Thanks for creating the issue in WildGuard! Before you start working on your PR, please make sure to:
- ⭐ Star the repository if you haven't already.
- Pull the latest changes to avoid any merge conflicts.
-
Attach before & after screenshots in your PR for clarity.
- Include the issue number in your PR description for better tracking. Don't forget to follow @anuragverma108 – Project Maintainer – for more updates!
We're excited to see your contribution as part of Hacktoberfest 2024! 🎉
Happy open-source contributing!
Description:
The "Donation" button in the hero section of the landing page needs proper spacing at the top. When hovered, the styling appears without any space between the "Defending Wildlife, One Paw at a Time" text and the button, causing a cluttered appearance. Small issues like this can have a significant impact on the overall user interface and experience.
How to Reproduce the Issue:
Open the website. Navigate to the landing page. Scroll to the hero section below the line "Defending Wildlife, One Paw at a Time." Hover over the "Donation" button. Observe the lack of space between the text and the button when the hover effect is applied.
Screenshot of the Issue:
What Should Be:
The button should have a clear separation from the text above it, ensuring the layout looks clean. This can be achieved by adding top padding to the container or applying a margin to the button itself to create space when the hover effect is triggered.
Additional Notes:
Small UI details like these greatly enhance the overall user experience and prevent the layout from looking cramped. The change will ensure better readability and aesthetics.