From 48c9efcedc179a9be004ea67a36b0bcdc25b90be Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Sat, 11 Feb 2023 10:42:01 +0100
Subject: [PATCH] #107 - new layout ok

---
 assets/styles.css                     |  3 +++
 src/components/ResultItemVault.svelte | 26 +++++++++++++-------------
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/assets/styles.css b/assets/styles.css
index 58b3254..00b8e05 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -28,10 +28,12 @@
   align-items: center;
   display: flex;
   gap: 5px;
+  color: var(--text-muted);
 }
 
 .omnisearch-result__counter {
   font-size: 0.7rem;
+  color: var(--text-muted);
 }
 
 .omnisearch-result__body {
@@ -45,6 +47,7 @@
   -webkit-box-orient: vertical;
 
   color: var(--text-muted);
+  margin-left: 0.5em;
 }
 
 .omnisearch-result__image-container {
diff --git a/src/components/ResultItemVault.svelte b/src/components/ResultItemVault.svelte
index 94cd5e3..e30c234 100644
--- a/src/components/ResultItemVault.svelte
+++ b/src/components/ResultItemVault.svelte
@@ -62,27 +62,27 @@
   on:click
   on:mousemove
   selected="{selected}">
-  <div style="flex-grow: 1;">
+  <div>
     <div class="omnisearch-result__title-container">
       <span class="omnisearch-result__title">
         <!--        <span bind:this="{filePathIcon}"></span>-->
         <span>{@html title.replace(reg, highlighter)}</span>
 
         <!-- Counter -->
-        <!--{#if note.matches.length > 0}-->
-        <!--  <span class="omnisearch-result__counter">-->
-        <!--    {note.matches.length}&nbsp;{note.matches.length > 1-->
-        <!--      ? 'matches'-->
-        <!--      : 'match'}-->
-        <!--  </span>-->
-        <!--{/if}-->
+        {#if note.matches.length > 0}
+          <span class="omnisearch-result__counter">
+            {note.matches.length}&nbsp;{note.matches.length > 1
+              ? 'matches'
+              : 'match'}
+          </span>
+        {/if}
       </span>
+    </div>
 
-      <!-- Folder path -->
-      <div class="omnisearch-result__folder-path">
-        <span bind:this="{folderPathIcon}"></span>
-        <span>{notePath}</span>
-      </div>
+    <!-- Folder path -->
+    <div class="omnisearch-result__folder-path">
+      <span bind:this="{folderPathIcon}"></span>
+      <span>{notePath}</span>
     </div>
 
     <div style="display: flex; flex-direction: row;">