Changed unit for height, width, right and left on both icon classes so that size and positioning of icon is adjusted accordingly, when font size on the button changes. This is to avoid the current problem, where the icon stays small and wrongly positioned in relation to the text of the button when text has been increased in the user's browser:
Also added flex-shrink: 0 to both icon classes so that icons won't shrink in size if the button is pressed for available space. Reproduceable when minimizing the browser window so that button text wraps across rows:
Checklist before requesting a review
[X] I have performed a self-review and test of my code
[x] If new component: Is story for component created in stories-folder?
[x] If new component: Is tsx-file import added to packages/react/index.tsx?
[x] If new component: Is css-file added to packages/css/index.css?
Describe your changes
Changed unit for height, width, right and left on both icon classes so that size and positioning of icon is adjusted accordingly, when font size on the button changes. This is to avoid the current problem, where the icon stays small and wrongly positioned in relation to the text of the button when text has been increased in the user's browser:
Also added flex-shrink: 0 to both icon classes so that icons won't shrink in size if the button is pressed for available space. Reproduceable when minimizing the browser window so that button text wraps across rows:
Checklist before requesting a review
stories-folder?packages/react/index.tsx?packages/css/index.css?