#97 - Fixing layout

src/components/ModalInFile.svelte

@@ -141,9 +141,10 @@
 </script>
 
 <div class="modal-title">Omnisearch - File</div>
-<InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
+<div class="modal-content">
+  <InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
 
-<ModalContainer>
+  <ModalContainer>
     {#if groupedOffsets.length && note}
       {#each groupedOffsets as offset, i}
         <ResultItemInFile
@@ -155,9 +156,13 @@
           on:click={openSelection} />
       {/each}
     {:else}
-    <center> We found 0 result for your search here. </center>
+      <div style="text-align: center;">
+        We found 0 result for your search here.
+      </div>
     {/if}
-</ModalContainer>
+  </ModalContainer>
+</div>
+
 <div class="prompt-instructions">
   <div class="prompt-instruction">
     <span class="prompt-instruction-command">↑↓</span><span>to navigate</span>

src/components/ModalVault.svelte

@@ -181,9 +181,10 @@
 </script>
 
 <div class="modal-title">Omnisearch - Vault</div>
-<InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
+<div class="modal-content">
+  <InputSearch value={searchQuery} on:input={e => (searchQuery = e.detail)} />
 
-<ModalContainer>
+  <ModalContainer>
     {#each resultNotes as result, i}
       <ResultItemVault
         selected={i === selectedIndex}
@@ -194,7 +195,8 @@
     {#if !resultNotes.length && searchQuery}
       <center> We found 0 result for your search here. </center>
     {/if}
-</ModalContainer>
+  </ModalContainer>
+</div>
 
 <div class="prompt-instructions">
   <div class="prompt-instruction">

src/modals.ts

@@ -9,13 +9,13 @@ abstract class OmnisearchModal extends Modal {
   constructor(app: App) {
     super(app)
 
-    // Remove all the default modal's children (except the close button)
+    // Remove all the default modal's children
     // so that we can more easily customize it
     const closeEl = this.containerEl.find('.modal-close-button')
     this.modalEl.replaceChildren()
     this.modalEl.append(closeEl)
     this.modalEl.addClass('omnisearch-modal', 'prompt')
-    this.modalEl.removeClass('modal')
+    // this.modalEl.removeClass('modal')
     this.modalEl.tabIndex = -1
 
     // Setup events that can be listened through the event bus