Callout component visual design #2047
Description
The callout component (https://webawesome.com/docs/components/callout/) breaks the visual user interface design principle: Make outer padding the same or more than inner padding, ie, outer ≥ inner.
See: https://anthonyhobday.com/sideprojects/saferules/.
Practically, this means the space between the edge of the container and the icon (outer) should be greater than or equal to the space between the icon and the text (inner). Currently, the outer space is smaller than the inner space which is visually incoherent.