Improve navbar dropdown styling with border and elevation #269
Description
Current Behaviour
Previously, the navbar dropdown was just a plain white box with a very stark black border. It looked flat and unstyled. It did not have any soft elevation or subtle separation from the background, making it look disconnected and visually harsh on all pages.
Desired Behaviour
- A subtle light gray border
- A soft shadow for elevation
- Rounded corners for a modern look
These changes help the dropdown stand out clearly without introducing any new brand colors. It creates better visual separation and improves the overall user experience.
Screenshots / Mockups
Environment
- Operating System: Windows
- Browser: Chrome
Checklist
- Followed the project's code of conduct
- Searched for similar issues before making this update
- Provided clear information about the change
- Will help maintain and improve this feature if needed