Skip to content

Improve spacing and alignment in the Windows UI #122

Description

@SantanuDatta

While using Flock on Windows, I noticed few small UI issues that make some screens feel uneven. I'd like to contribute a few visual fixes to make the app feel more consistent and comfortable to use.

The changes cover:

  • Alignment of labels, switches, and status values.
  • Spacing around settings headings, service cards, and scrollbars.
  • A clearer All / Installed selector.
  • Adjusted title-bar height and clearer close, maximize, and minimize buttons in light mode.
  • The missing logo on the About page.
  • Dropdown menus that stay within the window and have a solid background so the content behind them does not show through.
  • Fix Modal Button Colour

The build and tests pass. I've also checked light and dark mode, filtering, menus, and keyboard navigation.

Before and after

Area Before After
Tray menu Tray menu before Tray menu after
Settings Settings before Settings after
Services Services before Services after
About page (light mode) About page (light mode) before About page (light mode) after
Modal Modal before Modal after

Note: I've kept these in one PR because they are small, related visual fixes. Reviewing them together should be easier than opening a separate PR for each spacing or alignment change.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions