hackforla / hackforla/tdm-calculator

Bug: Date wrap, and spacing inconsistencies on Archived Projects page

Open
#2,941 2 comments 0 reactions 0 assignees View on GitHub
bug deck: staging level: easy p-feature: Archived Projects priority: MUST HAVE ready for product role: front-end size: 1pt
Dominant language
JavaScript
Stars
68
Forks
47
Avg merge
3d 9h
Merged PRs (30d)
25

Description

#### Describe the bug
The spacing between columns is inconsistent and the values in the Last Saved date column are wrapping.

#### Details
- Follow up to https://github.com/hackforla/tdm-calculator/pull/2912

#### Steps to Reproduce
1. Log into the dev site as Security Admin
2. Go to the Security tab
3. Click on 'See All Archived Projects'
4. See error

#### Actual Result

Archived Projects Page

Image

- The spacing between columns is inconsistent, indicated by the red blocks.
- The date value in Last Saved is wrapping, indicated by the red arrow.

#### Expected Result
The column spacing should be the same as on the My Projects page. The values in the Last Saved date column should not wrap.

My Projects Page
Image

#### Action Items
- [ ] Fix bug.
- [ ] Review with development lead.
- [ ] Review with product, development, and research teams. Update if needed based on feedback.
- [ ] Once finalized, add a slide to the staging deck (see resources)
- [ ] Get Stakeholder sign-off via the stakeholder meeting slide deck.

### Resources/Instructions

#### Staging and Release decks
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/)
- [Staging slide, slide 2941](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/edit?slide=id.g3cd134d079d_34_45#slide=id.g3cd134d079d_34_45)
- Release Deck
- [2025-03-31Release deck, slide 2941](https://docs.google.com/presentation/d/1FUbMUw8m06GiD7lr6iE_yFYmdHw-0_Nv8J6-We4HhNg/edit?slide=id.g3dcecaae3f1_0_503#slide=id.g3dcecaae3f1_0_503)

Contributor guide

Open the contributing guide

Research direction

Start in the Security tab and compare the Archived Projects page with the My Projects page, focusing on the column layout and Last Saved date display. Reproduce the issue on the dev site as a Security Admin, then verify that column spacing matches the reference page and Last Saved values no longer wrap.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.