From 1521cd47c8011d5e97d0c4fae99071b05b83a37d Mon Sep 17 00:00:00 2001
From: Chenlei Hu <chenlei.hu@mail.utoronto.ca>
Date: Sun, 21 Jul 2024 10:35:04 -0400
Subject: [PATCH] Move searchbox position up to 25% to top of screen (#187)

---
 src/components/NodeSearchBoxPopover.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/NodeSearchBoxPopover.vue b/src/components/NodeSearchBoxPopover.vue
index c82cb00ab9..e3cf8c9a1a 100644
--- a/src/components/NodeSearchBoxPopover.vue
+++ b/src/components/NodeSearchBoxPopover.vue
@@ -2,7 +2,8 @@
   <div>
     <Dialog
       v-model:visible="visible"
-      pt:root:class="invisible-dialog-root"
+      pt:root="invisible-dialog-root"
+      pt:mask="node-search-box-dialog-mask"
       modal
       :dismissable-mask="dismissable"
       @hide="clearFilters"
@@ -169,5 +170,9 @@ onUnmounted(() => {
   max-width: 48rem;
   border: 0 !important;
   background-color: transparent !important;
+  margin-top: 25vh;
+}
+.node-search-box-dialog-mask {
+  align-items: flex-start !important;
 }
 </style>