bcgov / bcgov/zeva2

ZEVA 2 - IDIR Vehicle Suppliers - Update “Create New Vehicle Supplier” Page Styling

Open
#557 2 comments 0 reactions 0 assignees View on GitHub
Medium Task
Dominant language
TypeScript
Stars
1
Forks
6
Avg merge
14h 22m
Merged PRs (30d)
32

Description

**Describe the task**
Update the visual styling of the Create New Vehicle Supplier page to match the approved Figma design.
No functional or business logic changes are required. The existing fields, validation, and page behavior should remain unchanged. This task is focused on aligning the page layout and styling with the updated design.
The sections should be arranged according to the approved design, creating a clean two-column layout with consistent alignment and spacing.

**Purpose**
Improve visual consistency across the application by aligning the Create New Vehicle Supplier page with the updated design system. The new layout provides a more organized and readable interface while maintaining the existing functionality.

**Acceptance Criteria**
- [ ] The Create New Vehicle Supplier page matches the approved [Figma design.](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=3231-9349&t=xpdupCduTye12Tml-1)
- [ ] No existing functionality or business logic is changed.
- [ ] All existing fields remain available and function as they do today.
- [ ] The page includes the following sections: User Information, Status, Service Address, Record Address,
- [ ] Sections are positioned and aligned according to the approved design.
- [ ] Spacing, typography, field widths, labels, and alignment are consistent with the design system.
- [ ] The page is responsive and maintains the approved layout across supported screen sizes.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the Create New Vehicle Supplier page entry point and compare its current structure with the linked Figma design. Update only the layout and visual styling, preserving existing fields, validation, and behavior; verify the required sections, responsive two-column layout, spacing, typography, widths, labels, and alignment.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.