From 15da2c1f4ce5445f7680719b34ee069d104fa030 Mon Sep 17 00:00:00 2001
From: Gykes <zeniiigmaa@gmail.com>
Date: Wed, 4 Sep 2024 18:25:05 -0700
Subject: [PATCH] Fix select field alias odd spacing (#5218)

* Fix Tag and Alias odd spacing

As Echo6ix brough up the HTML Engine doesn't generate whitespace at the beginning of a string. Modifying it to use `&nbsp;` so that the spacing will be correct.

fixes https://github.com/stashapp/stash/issues/4997

* update for performerSelect and studioSelect
---
 ui/v2.5/src/components/Performers/PerformerSelect.tsx | 4 +++-
 ui/v2.5/src/components/Studios/StudioSelect.tsx       | 2 +-
 ui/v2.5/src/components/Tags/TagSelect.tsx             | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/ui/v2.5/src/components/Performers/PerformerSelect.tsx b/ui/v2.5/src/components/Performers/PerformerSelect.tsx
index 1b24b737a..bd7141f7c 100644
--- a/ui/v2.5/src/components/Performers/PerformerSelect.tsx
+++ b/ui/v2.5/src/components/Performers/PerformerSelect.tsx
@@ -140,7 +140,9 @@ const _PerformerSelect: React.FC<
                   <span>
                     {name}
                     {alias && (
-                      <span className="performer-select-alias">{` (${alias})`}</span>
+                      <span className="performer-select-alias">
+                        &nbsp;({alias})
+                      </span>
                     )}
                   </span>
                 }
diff --git a/ui/v2.5/src/components/Studios/StudioSelect.tsx b/ui/v2.5/src/components/Studios/StudioSelect.tsx
index d1ab69e6b..7b22b7f22 100644
--- a/ui/v2.5/src/components/Studios/StudioSelect.tsx
+++ b/ui/v2.5/src/components/Studios/StudioSelect.tsx
@@ -117,7 +117,7 @@ const _StudioSelect: React.FC<
       children: (
         <span className="react-select-image-option">
           <span>{name}</span>
-          {alias && <span className="alias">{` (${alias})`}</span>}
+          {alias && <span className="alias">&nbsp;({alias})</span>}
         </span>
       ),
     };
diff --git a/ui/v2.5/src/components/Tags/TagSelect.tsx b/ui/v2.5/src/components/Tags/TagSelect.tsx
index dbd7f4fe2..64a58d121 100644
--- a/ui/v2.5/src/components/Tags/TagSelect.tsx
+++ b/ui/v2.5/src/components/Tags/TagSelect.tsx
@@ -133,7 +133,7 @@ const _TagSelect: React.FC<
               </a>
             </TagPopover> */}
             <span>{name}</span>
-            {alias && <span className="alias">{` (${alias})`}</span>}
+            {alias && <span className="alias">&nbsp;({alias})</span>}
           </span>
         </TagPopover>
       ),