🐛 Bug Description
The search bar located in the top navigation menu is visually misaligned. It sits too high up within the navbar container and is not vertically centered alongside the other navigation links and icons, making the UI look asymmetrical and unpolished.
👣 Steps to Reproduce
- Open the DevPath application homepage.
- Look at the top navigation bar.
- Observe the vertical positioning of the "Search Projects" input field compared to the text links ("Home", "How It Works") and the right-side icons.
🎯 Expected Behavior
The search bar should be perfectly centered vertically within the navigation bar, aligning flush with the text baseline or the center axis of the adjacent navigation elements.
🛑 Actual Behavior
The search box has incorrect margins or padding, pushing it closer to the top edge of the navbar container rather than being vertically centered.
📸 Screenshots / Video
🖥️ Environment
- OS: [Windows 11]
- Browser: [Firefox]
🙋♀️ GSSoC'26
I am participating in GirlScript Summer of Code (GSSoC) and would love to be assigned to be assigned to this issue so I can fix the CSS alignment!
🐛 Bug Description
The search bar located in the top navigation menu is visually misaligned. It sits too high up within the navbar container and is not vertically centered alongside the other navigation links and icons, making the UI look asymmetrical and unpolished.
👣 Steps to Reproduce
🎯 Expected Behavior
The search bar should be perfectly centered vertically within the navigation bar, aligning flush with the text baseline or the center axis of the adjacent navigation elements.
🛑 Actual Behavior
The search box has incorrect margins or padding, pushing it closer to the top edge of the navbar container rather than being vertically centered.
📸 Screenshots / Video
🖥️ Environment
🙋♀️ GSSoC'26
I am participating in GirlScript Summer of Code (GSSoC) and would love to be assigned to be assigned to this issue so I can fix the CSS alignment!