code4romania / code4romania/sunrise

[NGO Admin / Beneficiary / Statistical reports] Improve table views generated in the reports section

Open
#163 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
PHP
Stars
0
Forks
0
Avg merge
1m
Merged PRs (30d)
1

Description

**NEED**
Improve usability (scanability and comprehention) of reports displayed in the Statistical Reports section.

**ENHANCEMENTS**
- Table header(s): Fill color Sunrise gray 300. Text in bold
- Totals lines: Fill color Sunrise gray 300. Text in bold
- Table content lines: Zebra stripes to be implemented, alternating white with Sunrise gray 50. Text in regular. Alignment center for all values in table
- Table column with list of variable categories/values (column 1): Text in medium/semi-bold. Alignment left (with left padding 24px)
- Labels and values for Missing Data (Date lipsă) is always displayed in italics.
- Column width to be established based on content, to avoid having unnecessary wide columns (to discuss rules with Tech)

**EXAMPLES**
Image

![Image](https://github.com/user-attachments/assets/484dc4fb-ae82-4a80-907e-7e4f96b4916a)

**FIGMA LINK**
https://www.figma.com/design/gpOGCkb9B6pTfe1DvleVMm/Sunrise?node-id=11191-27454&t=fpOFiH1tAEhYkuTa-4

Contributor guide

Open the contributing guide

Research direction

No source file or test is named; start by locating the Statistical Reports table implementation and compare its current rendering with the linked Figma examples. Done means the headers, totals, zebra stripes, alignment, first-column styling, missing-data italics, and content-based column-width rules match the listed requirements.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.