[1.3] Responsive Spacing and Padding System #3

Closed
opened 2026-03-13 11:25:07 +01:00 by shahondin1624 · 0 comments

User Story

As a user, I want spacing to scale with screen size, so that the UI isn't cramped on mobile or sparse on desktop.

Acceptance Criteria

  • UiConstants expanded with spacing tokens per WindowSizeClass
  • Replaces hardcoded 16.dp in App.kt and 8.dp in AttributesPage.kt
  • Compact: 8-12dp, Medium: 12-16dp, Expanded: 16-24dp

Notes

Depends on 1.1 for WindowSizeClass. Affects UiConstants.kt, App.kt, AttributesPage.kt.

## User Story **As a** user, **I want** spacing to scale with screen size, **so that** the UI isn't cramped on mobile or sparse on desktop. ## Acceptance Criteria - [ ] `UiConstants` expanded with spacing tokens per `WindowSizeClass` - [ ] Replaces hardcoded `16.dp` in `App.kt` and `8.dp` in `AttributesPage.kt` - [ ] Compact: 8-12dp, Medium: 12-16dp, Expanded: 16-24dp ## Notes Depends on 1.1 for `WindowSizeClass`. Affects `UiConstants.kt`, `App.kt`, `AttributesPage.kt`.
shahondin1624 added this to the Phase 1: Foundation milestone 2026-03-13 11:25:07 +01:00
shahondin1624 added the epic:responsive-layoutpriority:must-have labels 2026-03-13 11:28:00 +01:00
Sign in to join this conversation.