feat(insights): full-width category items with more space #2

Merged
Dmitry_Tkachenko merged 1 commits from feature/insights-fullwidth-items into main 2026-08-29 12:27:02 +03:00
Owner

Inside "Alert categories" and "Watch list", the category cards are now a
full-width single-column stack instead of a narrow multi-column grid, with
more breathing room (larger gap, roomier headers + ticket rows, taller
expanded list). Each card was already a click-to-expand accordion and
remains so — CSS-only, index.tsx unchanged. The section-level collapse from
2.3.1 still works (.grid[hidden] preserved).

  • Insights.module.scss: .grid grid -> flex column (gap 16); cardHead
    padding 16/20; cardTitle 14px; row padding 8/20; list max-height 440
  • bump 2.3.1 -> 2.3.2 (root + client), CHANGELOG [2.3.2]
  • engineer artifact + INDEX; verifier-log PASS entry

verifier PASS: reproduced tsc + vite build + npm test 9/9; confirmed
flex-column + .grid[hidden] collapse in compiled CSS; no row-grid
regression; no new dependency.

Co-Authored-By: Claude Opus 4.8 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_01VEsaHQx8cXr1hFrKU42UK6

Inside "Alert categories" and "Watch list", the category cards are now a full-width single-column stack instead of a narrow multi-column grid, with more breathing room (larger gap, roomier headers + ticket rows, taller expanded list). Each card was already a click-to-expand accordion and remains so — CSS-only, index.tsx unchanged. The section-level collapse from 2.3.1 still works (.grid[hidden] preserved). - Insights.module.scss: .grid grid -> flex column (gap 16); cardHead padding 16/20; cardTitle 14px; row padding 8/20; list max-height 440 - bump 2.3.1 -> 2.3.2 (root + client), CHANGELOG [2.3.2] - engineer artifact + INDEX; verifier-log PASS entry verifier PASS: reproduced tsc + vite build + npm test 9/9; confirmed flex-column + .grid[hidden] collapse in compiled CSS; no row-grid regression; no new dependency. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01VEsaHQx8cXr1hFrKU42UK6
Dmitry_Tkachenko added 1 commit 2026-08-29 12:26:57 +03:00
Inside "Alert categories" and "Watch list", the category cards are now a
full-width single-column stack instead of a narrow multi-column grid, with
more breathing room (larger gap, roomier headers + ticket rows, taller
expanded list). Each card was already a click-to-expand accordion and
remains so — CSS-only, index.tsx unchanged. The section-level collapse from
2.3.1 still works (.grid[hidden] preserved).

- Insights.module.scss: .grid grid -> flex column (gap 16); cardHead
  padding 16/20; cardTitle 14px; row padding 8/20; list max-height 440
- bump 2.3.1 -> 2.3.2 (root + client), CHANGELOG [2.3.2]
- engineer artifact + INDEX; verifier-log PASS entry

verifier PASS: reproduced tsc + vite build + npm test 9/9; confirmed
flex-column + .grid[hidden] collapse in compiled CSS; no row-grid
regression; no new dependency.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VEsaHQx8cXr1hFrKU42UK6
Dmitry_Tkachenko merged commit 54c883d095 into main 2026-08-29 12:27:02 +03:00
Sign in to join this conversation.
No Reviewers
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Dmitry_Tkachenko/forge#2