Description

The License details, MAU, and Settings pages are built for desktop widths. On phone and small-tablet viewports they do not adapt: content sits at fixed desktop widths, horizontal padding does not line up with the header, and typography and spacing are sized for a cursor. Users on a mobile device cannot comfortably read or operate these pages.

Current behavior

• The License, MAU, and Settings pages render at desktop width and overflow horizontally at ≤767px.
• Page content does not align with the header (left edge off from the logo, right edge off from the header end).
• Spacing and typography are desktop-sized on small screens.

Expected behavior

• Each page renders without horizontal overflow at 390px down to the smallest supported width.
• Page content aligns with the header: left starts where the logo starts, right ends where the header ends.
• Spacing, padding, and typography follow the shared mobile layout used across the app.
• Desktop and tablet layouts stay visually unchanged.

Scope

Adapt the License details, MAU, and Settings pages to mobile viewports (target 390px, breakpoint ≤767px), leaving desktop and tablet layouts unchanged.

Pages:

• License details
• MAU
• Settings

Parent: #2923