Page MenuHomePhabricator

Increase the padding in the Codex demo box
Open, Needs TriagePublic

Description

Background/Goal

At the moment, the padding in the Codex demo boxes is too small so the "Reset" and the "Show code" buttons are too closed to the component, specially when we are checking the RTL view.

Captura de Pantalla 2022-11-23 a las 10.54.27.png (960×1 px, 89 KB)

User stories

  • As a user I need to test the component in the demo without being distracted by the buttons in the demo box.

Proposal

I propose to increase at least 48px the separation between "Reset" and "Show code" buttons and the component. The idea is to make the buttons further away from the component so the user is focused in testing the component and not in the buttons.

Captura de Pantalla 2022-11-23 a las 11.02.51.png (858×1 px, 299 KB)

Acceptance criteria (or Done)

  • Increase 48px the separation buttons and component in each demo box