diff --git a/api/js/etemplate/Et2Select/Et2SelectCategory.ts b/api/js/etemplate/Et2Select/Et2SelectCategory.ts index b8d6b47114..30c06a1edb 100644 --- a/api/js/etemplate/Et2Select/Et2SelectCategory.ts +++ b/api/js/etemplate/Et2Select/Et2SelectCategory.ts @@ -25,10 +25,11 @@ export class Et2SelectCategory extends Et2Select css` /* Category color on options */ ::slotted(*) { - border-left: 3px solid var(--category-color, transparent); + border-left: 6px solid var(--category-color, transparent); } + /* Border on the (single) selected value */ .select--standard .select__control { - border-left: 4px solid transparent; + border-left: 8px solid transparent; } ` ] diff --git a/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts b/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts index 0a7cacff47..db885f5edd 100644 --- a/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts +++ b/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts @@ -25,7 +25,7 @@ export class Et2CategoryTag extends Et2Tag .tag { gap: var(--sl-spacing-2x-small); /* --category-color is passed through in _styleTemplate() */ - border-left: 5px solid var(--category-color, transparent); + border-left: 10px solid var(--category-color, transparent); } `]; }