From a26b7755056a93e5f956f5f647fe83bce6860a58 Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Mon, 13 Jun 2022 16:31:46 -0600
Subject: [PATCH] Select / Search tag CSS: - Pill tags - Keep tag from
 overflowing - Fix remove icon cut off

---
 api/js/etemplate/Et2Select/Tag/Et2Tag.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/api/js/etemplate/Et2Select/Tag/Et2Tag.ts b/api/js/etemplate/Et2Select/Tag/Et2Tag.ts
index 565f31324e..2d75d88eba 100644
--- a/api/js/etemplate/Et2Select/Tag/Et2Tag.ts
+++ b/api/js/etemplate/Et2Select/Tag/Et2Tag.ts
@@ -21,7 +21,7 @@ export class Et2Tag extends Et2Widget(SlTag)
 		return [
 			super.styles,
 			shoelace, css`
-		:host {
+		.tag--pill {
 			overflow: hidden;
 		}
 		::slotted(et2-image)
@@ -31,7 +31,7 @@ export class Et2Tag extends Et2Widget(SlTag)
 		}
 		/* Avoid button getting truncated by right side of button */
 		.tag__remove {
-			margin-right: calc(-1 * var(--sl-spacing-2x-small));
+			margin-right: 0;
 		}
 		`];
 	}
@@ -39,6 +39,7 @@ export class Et2Tag extends Et2Widget(SlTag)
 	constructor(...args : [])
 	{
 		super(...args);
+		this.pill = true;
 	}
 
 	render()