calcite-react icon indicating copy to clipboard operation
calcite-react copied to clipboard

Unexpected margin below Switch component

Open am-maneaters opened this issue 4 years ago • 1 comments

There appears to be 1.55rem of margin added to the bottom of Switches, is this intended? I'm trying to center the switch vertically but it there's that 1.55rem of margin that keeps it from lining up correctly.

image

I tried creating a styled component for the Switch but changing the margin on that only changes the margin on the child checkbox.

The switches in the docs have the same margin below them if you want to check those out

am-maneaters avatar Nov 20 '20 19:11 am-maneaters

I'm seeing that the margin comes from the baseline variable in CalciteTheme.js. Is there an easier way to override just the margin or will I have to override the entire theme?

am-maneaters avatar Nov 20 '20 19:11 am-maneaters