Docs > Components > Modal: fix margin between text and buttons

[isabellechanclou]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

This issue comes from the work done in Issue #1201 "List in all the doc the incompatibility with ODS" in which all Boosted components (variants included) have been inspected in order to identify the ones that do not respect ODS specifications and therefore need an alert message saying "Do not use in ODS".
Doing this work, design bugs were noticed.

Design bug to be corrected:

• In docs/v5.2/components/modal/#live-demo, the margin between the text "Woo-hoo, you're reading..." and the buttons below is too small.
  

  To do:

  • Fix the margin. Refer to ODS spec at https://system.design.orange.com/0c1af118d/p/16d9f3-modals/b/774d3d/i/66611040

Reduced test cases

NA

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

What version of Boosted are you using?

v5.1

[MewenLeHo]

As seen with @isabellechanclou: distance between text and buttons must be 40px on desktop and 35px on mobiles.