Client » bioinnova

Problem¶

On the "Create a New Product" page, there are noticeable alignment issues between form fields and labels, and inconsistent font sizes are used across sections.

Observed Issues¶

• Labels are not horizontally aligned with their respective input fields
• Font sizes vary across labels, input text, and section headings
• Spacing between fields is inconsistent, affecting form readability and aesthetics

Expected Behavior¶

• All form fields and labels should be properly aligned
• Consistent spacing and padding should be applied throughout the form

Requirements¶

• Review and fix CSS classes or styles causing misalignment
• Ensure consistent use of font size variables or tokens (e.g., text-sm, text-base, etc.)
• Apply global form styling rules if available to maintain uniformity

Acceptance Criteria¶

• All input fields and labels are aligned properly
• Uniform font size is applied to similar elements
• The entire form layout is visually clean and consistent across browsers/devices
• No overflow, overlap, or responsiveness issues

Notes¶

• Check for responsiveness on mobile/tablet screens as well
• Cross-check with design system or style guide (if available)