feat: US-023 - Scale LastConsultationSubsection and main content padding

This commit is contained in:
2026-02-14 20:31:22 +00:00
parent 64973176fb
commit cf1f466452
3 changed files with 24 additions and 10 deletions
+14
View File
@@ -117,3 +117,17 @@
- The sublabel uses font-geist (monospace) for the "technical texture" pattern
---
## 2026-02-14 — US-023
- Scaled LastConsultationSubsection: field label 10px→12px, field value 11.5px→13px, role title 13.5px→15px
- Examination bullet fontSize 12.5px→14px, bullet dot top offset 7px→8px for new line height
- View full record button 12px→13px, ChevronRight 14→15
- Field gap 16px→20px for better spacing between metadata fields
- Updated main content padding from 'p-4 pb-8 md:p-6 md:pb-10 lg:px-7 lg:pt-6 lg:pb-10' to 'p-5 pb-10 md:p-7 md:pb-12 lg:px-8 lg:pt-7 lg:pb-12'
- Files changed: src/components/DashboardLayout.tsx
- **Learnings for future iterations:**
- LastConsultationSubsection is defined inline in DashboardLayout.tsx (lines ~57-232), not in a separate file
- fieldLabelStyle and fieldValueStyle are shared CSSProperties objects — changing them updates all 4 field columns (Date, Organisation, Type, Band) at once
- The bullet dot `top` offset needs to be adjusted when bullet fontSize changes — at 14px text with 1.5 line-height, 8px top centers the 5px dot
- Main content padding uses Tailwind responsive classes on <motion.main> — these are cumulative (p-5 base, md:p-7 overrides, lg:px-8/lg:pt-7 overrides further)
---