4002 - Add spacing between label and search input

openforis · Oct 18, 2024 · 0838f80 · 0838f80
1 parent 5e1528f
commit 0838f80
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/client/components/Inputs/Select/Indicators/MultiValue/MultiValue.scss b/src/client/components/Inputs/Select/Indicators/MultiValue/MultiValue.scss
@@ -0,0 +1,5 @@
+@import 'src/client/style/partials';
+
+.select__multiValue-label {
+  padding-right: $spacing-xxxs;
+}
diff --git a/src/client/components/Inputs/Select/Indicators/MultiValue/MultiValue.tsx b/src/client/components/Inputs/Select/Indicators/MultiValue/MultiValue.tsx
@@ -1,3 +1,4 @@
+import './MultiValue.scss'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { MultiValueProps as OriginalMultiValueProps } from 'react-select'
@@ -14,7 +15,7 @@ export const MultiValue: React.FC<MultiValueProps> = (props) => {
   const displayCountLabel = index === 0
 
   if (displayCountLabel) {
-    return <span>{t(multiLabelKey, { count })}</span>
+    return <span className="select__multiValue-label">{t(multiLabelKey, { count })}</span>
   }
 
   return null