From bc5fde54d56e5a3335d852dc221f6e655d0daecc Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 17 Dec 2024 01:38:55 +0200
Subject: [PATCH] style(next): jump to note: improve appearance

---
 src/public/stylesheets/theme-next/shell.css | 57 +++++++++++++++++++--
 1 file changed, 52 insertions(+), 5 deletions(-)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index a9822cbbb..3e132e06c 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1091,19 +1091,66 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 .jump-to-note-dialog .modal-content {
     box-shadow: 0 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
     border: 1px solid var(--dropdown-border-color);
-    padding: 20px;
+    padding: 32px;
     border-radius: 8px;
 }
 
-/* The search input group */
+.jump-to-note-dialog .modal-header {
+    padding: unset !important;
+}
+
+.jump-to-note-dialog .modal-body {
+    padding: 26px 0 !important;
+}
+
+/* Search box wrapper */
 .jump-to-note-dialog .input-group {
-    margin-right: 20px;
+    margin-right: 16px;
+    background: var(--quick-search-background);
+    border: 2px solid transparent;
+    border-radius: 6px;
+    color: var(--quick-search-color);
+}
+
+.jump-to-note-dialog .input-group:hover {
+    background: var(--quick-search-hover-background);
+}
+
+/* Focused search box */
+.jump-to-note-dialog .input-group:focus-within {
+    border-color: var(--quick-search-focus-border);
+    background: var(--quick-search-focus-background);
+    color: var(--quick-search-focus-color)
+}
+
+/* Search box input */
+.jump-to-note-dialog .input-group input {
+    --bs-border-width: 0;
+
+    box-shadow: unset;
+    background: transparent;
+    color: currentColor;
+}
+
+/* Search box buttons */
+.jump-to-note-dialog .input-group button {
+    --bs-border-width: 0;
+    --accented-background-color: transparent;
+}
+
+.jump-to-note-dialog .input-clearer-button {
+    background: transparent !important;
+}
+
+/* List body */
+.jump-to-note-dialog .jump-to-note-results .aa-suggestions {
+    padding: 0;
 }
 
 /* List item */
-.jump-to-note-dialog  .aa-suggestions div {
+.jump-to-note-dialog .aa-suggestions div {
     border-radius: 6px;
-    padding: 4px 12px;
+    padding: 6px 12px;
     color: var(--menu-text-color);
 }