Grid density

The items page (/items/) has a small picker at the top with three options: Compact, Comfortable, Spacious. Each one controls how big the tiles are and how much information each tile shows.

The three modes

• Compact — many small tiles per row (up to seven on a wide desktop), title only. Useful when you're scanning a long list for a specific name and want as many visible at once.
• Comfortable — the default. Around four tiles per row on desktop. Each tile shows the title and the brand if there is one. Good balance for browsing.
• Spacious — fewer, larger tiles (around three per row on desktop). Title, brand, and more metadata. Good for review or for showing off the inventory to someone.

The grid responds to your viewport width regardless of the chosen density — on a phone you get fewer columns than on a desktop even in Compact mode.

How your choice is remembered

The picker is "instant" — clicking a different density swaps the layout immediately, no page reload. Your choice is saved in your browser's local storage under st-items-density.

This means:

• The choice persists across pages and refreshes within the same browser.
• The choice does not sync across browsers or devices. If you switch to your phone, you might see the default (comfortable) until you pick a density again.
• The choice is per-browser-profile. Another user signing into ItemTrack in the same browser inherits your density preference (no harm done — this is a UI preference, not a security boundary).

Sharing a URL with a specific density

The URL contains a ?density= query parameter when you visit /items/ (it's updated as you click the picker). You can copy and paste that URL to share a particular view — the recipient lands on the same density. The URL also writes back to their local storage, so it becomes their new preference too.

If you want to "reset" to the default density, just delete the ?density= from the URL and your saved preference takes over again.

Why not in user settings

The density picker lives in the page, not in a settings menu. We considered making it a user profile setting (per-account, syncs across devices), and we may do that later. For now the localStorage approach is cheap and good enough — most people pick a density once and forget about it.

If you want per-account preference (or per-tenant rule, like "everyone in our Nike team sees Compact by default"), tell us — that's a feature request.

What about boxes, closets, locations?

The density picker is only on the items grid. Boxes and other resource lists have their own layouts that aren't tunable. We'll add it elsewhere if it turns out to be useful — let us know.