Merge pull request #5991 from pat270/LPD-49625

fix(@clayui/css): LPD-48267 Label close button should be 24px x 24px …

Author: matuzalemsteles

packages/clay-css/src/scss/atlas/variables/_labels.scss

@@ -63,6 +63,7 @@ $label: map-deep-merge($label, $label-base);
 $label-close: () !default;
 $label-close: map-deep-merge(
 	(
+		margin: -5px -4px,
 		disabled: (
 			color: inherit,
 		),

packages/clay-css/src/scss/cadmin/variables/_labels.scss

@@ -127,15 +127,14 @@ $cadmin-label-dismissible: map-merge(
 $cadmin-label-close: () !default;
 $cadmin-label-close: map-deep-merge(
 	(
-		border-radius: 1px,
+		border-radius: 5000px,
 		color: inherit,
 		display: inline-flex,
 		font-size: 16px,
-		height: auto,
-		margin-bottom: -2px,
-		margin-top: -2px,
+		height: 24px,
+		margin: -5px -4px,
 		opacity: 1,
-		width: auto,
+		width: 24px,
 		hover: (
 			color: inherit,
 			opacity: 1,

packages/clay-css/src/scss/variables/_labels.scss

@@ -125,15 +125,14 @@ $label-dismissible: map-merge(
 $label-close: () !default;
 $label-close: map-deep-merge(
 	(
-		border-radius: 1px,
+		border-radius: 5000px,
 		color: inherit,
 		display: inline-flex,
 		font-size: 1rem,
-		height: auto,
-		margin-bottom: -2px,
-		margin-top: -2px,
+		height: 1.5rem,
+		margin: -6px,
 		opacity: 1,
-		width: auto,
+		width: 1.5rem,
 		hover: (
 			color: inherit,
 			opacity: 1,