Change Details

== 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. {F35815441} === 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 Increase at least 32px the separation between the component demo and the newly reordered "Show code" and “Reset” buttons at bottom. 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. {F35815447} === Acceptance criteria (or Done) [] Increase 48px the separation buttons and component in each demo box

== 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. {F35815441} === 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 Increase at least 32px the separation between the component demo and the newly reordered "Show code" and “Reset” buttons at bottom. 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. {F35815447} === Acceptance criteria (or Done) [x] Put all demo control buttons at bottom. The “Show code”/“Copy code” bottom start and “Reset” bottom end [x] Increase to 32px the separation buttons and component in demo box

== 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. {F35815441} === 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 Increase at least 32px the separation between the component demo and the newly reordered "Show code" and “Reset” buttons at bottom. 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. {F35815447} === Acceptance criteria (or Done) [x] Put all demo control buttons at bottom. The “Show code”/“Copy code” bottom start and “Reset” bottom end [x] Increase 48pxto 32px the separation buttons and component in each demo box