mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-08-26 18:42:49 +00:00
524f9aab56
The two-zone layout (left: filters, right: sort+save) hardcoded flexWrap: "nowrap" on the outer container so the right zone would never get pushed below the left on desktop. On a phone that's the same two-column squeeze with no room for either side: the search box and right-hand controls got clipped/overlapped instead of stacking. - outer container: flex-col below the `sm` breakpoint (stacks to two full- width rows), flex-row + nowrap at `sm` and up (the original two-zone, right-pinned behavior) - right zone swapped from <Group wrap="nowrap"> to a plain div with Tailwind classes — Group's `wrap` prop sets an inline flex-wrap style, which always wins over a `sm:flex-nowrap` class regardless of breakpoint, so the old responsive attempt could never have worked - search input's hardcoded minWidth: 220 (wider than a lot of phones) dropped to a shrinkable 160 - saved-view card grid: base 2 columns forced text-clipping card overflow on a phone; base is now 1, growing to 2+ only once there's room