From af4d0c3ba602c00de292aaf0445dd52acdf8f734 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 26 Aug 2023 17:48:12 +0300
Subject: [PATCH] jump to note list: Improve layout slightly

---
 src/public/app/services/note_autocomplete.js   |  3 +--
 src/public/app/widgets/dialogs/jump_to_note.js | 14 ++++++--------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/public/app/services/note_autocomplete.js b/src/public/app/services/note_autocomplete.js
index e4d1e463a..0bedd2e02 100644
--- a/src/public/app/services/note_autocomplete.js
+++ b/src/public/app/services/note_autocomplete.js
@@ -141,12 +141,11 @@ function initNoteAutocomplete($el, options) {
     if (options.container) {
         autocompleteOptions.dropdownMenuContainer = options.container;
         autocompleteOptions.debug = true;   // don't close on blur
-    } else {
-        autocompleteOptions.appendTo = document.querySelector('body');        
     }
 
     $el.autocomplete({
         ...autocompleteOptions,
+        appendTo: document.querySelector('body'),
         hint: false,
         autoselect: true,
         // openOnFocus has to be false, otherwise re-focus (after return from note type chooser dialog) forces
diff --git a/src/public/app/widgets/dialogs/jump_to_note.js b/src/public/app/widgets/dialogs/jump_to_note.js
index e743e1380..3f3355433 100644
--- a/src/public/app/widgets/dialogs/jump_to_note.js
+++ b/src/public/app/widgets/dialogs/jump_to_note.js
@@ -8,19 +8,17 @@ const TPL = `<div class="jump-to-note-dialog modal mx-auto" tabindex="-1" role="
     <div class="modal-dialog modal-lg" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Jump to note</h5>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-            </div>
-            <div class="modal-body">
-                <div class="form-group">
-                    <label for="jump-to-note-autocomplete">Note</label>
+                <div class="form-group" style="flex-grow: 1;">
                     <div class="input-group">
                         <input class="jump-to-note-autocomplete form-control" placeholder="search for note by its name">
                     </div>
                 </div>
 
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
                 <div class="algolia-autocomplete-container jump-to-note-results"></div>
             </div>
             <div class="modal-footer">