IMP - Unit icon style improvement

Signed-off-by: RaenonX <[email protected]>
RaenonX-DL · Jun 23, 2021 · f2a62b0 · f2a62b0
1 parent 5a3bf09
commit f2a62b0
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 5 deletions.
diff --git a/public/index.css b/public/index.css
diff --git a/public/index.css.map b/public/index.css.map
diff --git a/public/index.scss b/public/index.scss
@@ -31,6 +31,7 @@ img {
   max-height: 100%;
 
   &.unitIcon {
+    margin: 0 0.2rem;
     height: 1.6rem;
   }
 }

diff --git a/src/utils/process/text.test.ts b/src/utils/process/text.test.ts
@@ -13,7 +13,7 @@ describe('Process text', () => {
 
   const galaMymAnalysisLink = `[Gala Mym](${makePostPath(PostPath.ANALYSIS, {pid: 10550101, lang})})`;
   const galaMymImageMd = `![Gala Mym](${DepotPaths.getCharaIconURL('100010_04_r05')}|unitIcon)`;
-  const galaMymMdTransformed = `${galaMymImageMd} ${galaMymAnalysisLink}`;
+  const galaMymMdTransformed = `${galaMymImageMd}${galaMymAnalysisLink}`;
 
   beforeEach(() => {
     // Mocking this because the fetching promises in `getUnitNameIdMap()` do not resolve

diff --git a/src/utils/process/transformers/quickReference.test.ts b/src/utils/process/transformers/quickReference.test.ts
@@ -16,7 +16,7 @@ const lang = SupportedLanguages.EN;
 
 const galaMymAnalysisLink = `[Gala Mym](${makePostPath(PostPath.ANALYSIS, {pid: 10550101, lang})})`;
 const galaMymImageMd = `![Gala Mym](${DepotPaths.getCharaIconURL('100010_04_r05')}|unitIcon)`;
-const galaMymMdTransformed = `${galaMymImageMd} ${galaMymAnalysisLink}`;
+const galaMymMdTransformed = `${galaMymImageMd}${galaMymAnalysisLink}`;
 
 describe('Quick reference transformer (Quest/Misc/Mixed)', () => {
   it('transforms quest post link', async () => {
@@ -133,7 +133,7 @@ describe('Quick reference transformer (Analysis)', () => {
   it('matches greedily', async () => {
     const highBrunhildaAnalysisLink = `[High Brunhilda](${makePostPath(PostPath.ANALYSIS, {pid: 20050102, lang})})`;
     const highBrunhildaImageMd = `![High Brunhilda](${DepotPaths.getDragonIconURL('210039_01')}|unitIcon)`;
-    const highBrunhildaMdTransformed = `${highBrunhildaImageMd} ${highBrunhildaAnalysisLink}`;
+    const highBrunhildaMdTransformed = `${highBrunhildaImageMd}${highBrunhildaAnalysisLink}`;
 
     const text = 'High Brunhilda';
 

diff --git a/src/utils/process/transformers/quickReference.ts b/src/utils/process/transformers/quickReference.ts
@@ -36,7 +36,7 @@ const transformAnalysis: TextTransformer = async ({text, lang}) => {
       const postPath = makePostPath(PostPath.ANALYSIS, {pid: unitInfo.id, lang});
       const imageMd = `![${unitName}](${getImageURL(unitInfo)}|unitIcon)`;
 
-      return `${leftRemainder || ''}${imageMd} [${unitName}](${postPath})${rightRemainder}`;
+      return `${leftRemainder || ''}${imageMd}[${unitName}](${postPath})${rightRemainder}`;
     },
   );