#107 - new layout ok

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 {

src/components/ResultItemVault.svelte

@@ -62,28 +62,28 @@
   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}-->
+        {#if note.matches.length > 0}
-        <!--  <span class="omnisearch-result__counter">-->
+          <span class="omnisearch-result__counter">
-        <!--    {note.matches.length}&nbsp;{note.matches.length > 1-->
+            {note.matches.length}&nbsp;{note.matches.length > 1
-        <!--      ? 'matches'-->
+              ? 'matches'
-        <!--      : 'match'}-->
+              : 'match'}
-        <!--  </span>-->
-        <!--{/if}-->
           </span>
+        {/if}
+      </span>
+    </div>
 
     <!-- Folder path -->
     <div class="omnisearch-result__folder-path">
       <span bind:this="{folderPathIcon}"></span>
       <span>{notePath}</span>
     </div>
-    </div>
 
     <div style="display: flex; flex-direction: row;">
       {#if $showExcerpt}