Center the close glyph within recipient tags

Author: emir-karabeg

apps/sim/platform/design-system/components/button/button.shared.module.css

@@ -44,6 +44,7 @@
   height: var(--spacing-24);
 }
 .iconButton[data-size="inline"] {
+  --ui-glyph-size: var(--spacing-14);
   inline-size: var(--spacing-16);
   block-size: var(--spacing-16);
 }

apps/sim/platform/design-system/components/workspace-fields/workspace-fields.module.css

@@ -56,7 +56,7 @@
   min-inline-size: 0;
   max-inline-size: 100%;
   gap: var(--ui-action-gap);
-  padding-inline: var(--spacing-4) var(--spacing-2);
+  padding-inline: var(--spacing-5) var(--spacing-1);
   border-radius: var(--ui-control-radius);
   background: var(--ui-hover);
 }
@@ -66,6 +66,12 @@
   color: var(--control-danger);
 }
 
+@media (pointer: coarse) {
+  .tag {
+    padding-inline: var(--spacing-6) 0;
+  }
+}
+
 .recipientViewport {
   display: flex;
   flex-wrap: wrap;