Sidebar UX polish: search hover state, Freebucks link, session status, and logo alignment

[divyanshudhruv]

What problem are you trying to solve?

The sidebar and top bar have a few small UI issues that make the layout feel less polished:

• The search input has no clear hover feedback.
• The Freebucks <number> text at the top of the sidebar is not clickable.
• The Freebuff logo looks slightly misaligned with the top bar.
• Session remaining <time> disappears when the remaining time reaches 0:0, so the session status is no longer visible.

What would you like to happen?

I'd like to make four related sidebar/header UX improvements:

1. Sidebar search input

• Keep the current/default appearance unchanged.
• Add a subtle hover interaction so the search input feels clearly interactive.
• This could be a slightly darker background, a more visible/darker border, or another subtle visual treatment consistent with the existing UI.
• When the input is clicked/focused, the hover styling should return to the normal/default appearance.
• The interaction should remain subtle and fit the existing design.

2. Freebucks <number>

• Convert the current Freebucks <number> text into a clickable button/link.
• Clicking it should take the user to the usage page on the Freebuff website.
• Keep it at its current position at the top of the sidebar.

3. Freebuff logo alignment

• The Freebuff logo currently looks slightly misaligned with the top bar.
• If possible, move the logo slightly toward the top so it aligns more naturally with the top bar.
• If moving it is not practical with the current layout, adjust the surrounding container's margin/padding to make the alignment feel more balanced.
• The goal is to improve the visual alignment without changing the logo itself.

4. Session remaining <time>

• Keep the Session remaining <time> indicator visible in the sidebar footer at all times.
• It should still be displayed when the remaining time reaches 0:0 instead of disappearing.
• This makes the session state clear even after the remaining time has been exhausted.

I'd be happy to implement these changes and open a PR.

Screenshots

Current	Logo at top	Logo same place, but better aligned

Which of these logo placements/alignment options looks better to you? I can implement whichever direction you prefer.

Area

Desktop app

Contribution

• I would be willing to open a PR for this