From 8b7cd2d3e3ea5d849f97edcc286f0809386f5b5f Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Tue, 9 May 2023 21:50:51 +0200
Subject: [PATCH] Fixed #236 - missing space with highlighted words (#239)

---
 src/components/ResultItemVault.svelte | 5 +++--
 src/tools/utils.ts                    | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ResultItemVault.svelte b/src/components/ResultItemVault.svelte
index 7cf310e..3360581 100644
--- a/src/components/ResultItemVault.svelte
+++ b/src/components/ResultItemVault.svelte
@@ -71,8 +71,9 @@
       <span class="omnisearch-result__title">
         <span bind:this="{elFilePathIcon}"></span>
         <span>{@html title.replace(reg, highlighterGroups)}</span>
-        <span class="omnisearch-result__extension"
-          >.{getExtension(note.path)}</span>
+        <span class="omnisearch-result__extension">
+          .{getExtension(note.path)}
+        </span>
 
         <!-- Counter -->
         {#if note.matches.length > 0}
diff --git a/src/tools/utils.ts b/src/tools/utils.ts
index 8ab8131..8984078 100644
--- a/src/tools/utils.ts
+++ b/src/tools/utils.ts
@@ -33,7 +33,7 @@ export function highlighterGroups(...args: any[]) {
     args[2] !== null &&
     args[2] !== undefined
   )
-    return `${args[1]}<span class="${highlightClass}">${args[2]}</span>`
+    return `<span>${args[1]}</span><span class="${highlightClass} b">${args[2]}</span>`
   return '&lt;no content&gt;'
 }