Describe the bug (current behavior)
Beacon's modals (UI) are not consistent across different DApps. This happens because font-size, line-height, margin and padding use relative em units that are affected by the font family used in the parent container. To achieve pixel perfect consistency, css definitions should use absolute units (ideally px), or a more consistent relative unit (i.e. rem)
To Reproduce
Compare two different DApps, especially on mobile:
Describe the bug (current behavior) Beacon's modals (UI) are not consistent across different DApps. This happens because
font-size
,line-height
,margin
andpadding
use relativeem
units that are affected by the font family used in the parent container. To achieve pixel perfect consistency, css definitions should use absolute units (ideallypx
), or a more consistent relative unit (i.e.rem
)To Reproduce Compare two different DApps, especially on mobile: