#107 - updated WIP layout

assets/styles.css

@@ -4,10 +4,30 @@
 .omnisearch-result {
   white-space: normal;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: nowrap;
+}
+
+.omnisearch-result__title-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  column-gap: 5px;
+  flex-wrap: wrap;
 }
 
 .omnisearch-result__title {
+  align-items: center;
+  display: flex;
+  gap: 5px;
+}
+
+.omnisearch-result__folder-path {
+  font-size: 0.75rem;
+  align-items: center;
+  display: flex;
+  gap: 5px;
 }
 
 .omnisearch-result__counter {
@@ -27,12 +47,20 @@
   color: var(--text-muted);
 }
 
+.omnisearch-result__image-container {
+  flex-basis: 20%;
+  text-align: right
+}
+
 .omnisearch-highlight {
 }
 
 .omnisearch-default-highlight {
-  color: var(--text-normal);
-  background-color: var(--text-highlight-bg);
+  text-decoration: underline;
+  text-decoration-color: var(--text-highlight-bg);
+  text-decoration-thickness: 3px;
+  text-underline-offset: -1px;
+  text-decoration-skip-ink: none;
 }
 
 .omnisearch-input-container {