Fix word space (#359)

sonic16x · Nov 30, 2024 · 066bc57 · 066bc57
1 parent 2a80e17
commit 066bc57
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "interslavic",
-  "version": "1.25.0",
+  "version": "1.25.1",
   "description": "Interslavic Dictionary",
   "license": "MIT",
   "author": {
@@ -27,8 +27,8 @@
     "test:dictionary-update-shanshot": "cross-env NODE_ENV=production UPDATE_SNAPSHOT=false tsx -r tsconfig-paths/register ./src/services/dictionary-test"
   },
   "pre-commit": [
-    "lint:fix",
-    "stylelint:fix"
+    "lint",
+    "stylelint"
   ],
   "dependencies": {
     "@ag-grid-community/client-side-row-model": "25.2.0",

diff --git a/src/components/ResultsCard/ResultsCard.scss b/src/components/ResultsCard/ResultsCard.scss
@@ -32,6 +32,7 @@
   }
 
   .ipa {
+    margin-left: 4px;
     color: var(--muted-text-color);
     font-weight: 500;
   }
@@ -113,13 +114,12 @@
       }
 
       &__details {
-        margin-left: 8px;
+        margin-left: 4px;
         color: var(--muted-text-color);
       }
 
       &__translate {
         .results-card__details {
-          margin-left: 0;
           font-weight: 500;
         }
       }
@@ -173,7 +173,7 @@
   &__status {
     padding: 0;
     border: none;
-    margin: 0;
+    margin: 0 0 0 4px;
     appearance: none;
     background: none;
 

diff --git a/src/components/ResultsCard/ResultsCard.tsx b/src/components/ResultsCard/ResultsCard.tsx
@@ -182,13 +182,9 @@ export const ResultsCard =
                     {item.to !== 'isv' ? (
                         <Clipboard str={item.translate} />
                     ) : renderOriginal(item, alphabets, caseQuestions)}
-                    {'\u00A0'}
                     <WordStatus item={item} onClick={showTranslations}/>
                     {item.to === 'isv' && short && (
-                        <>
-                            &nbsp;
-                            <span className="results-card__details">{item.details}</span>
-                        </>
+                        <span className="results-card__details">{item.details}</span>
                     )}
                 </div>
                 {!short && (