From 551ef2a117325faf90fd9f8087e9ffba39f7322e Mon Sep 17 00:00:00 2001
From: Zachary Zhang <zacharyzhang7@gmail.com>
Date: Thu, 6 Jun 2024 15:18:42 -0400
Subject: bug fixes

---
 src/client/views/nodes/DiagramBox.scss | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

(limited to 'src/client/views/nodes/DiagramBox.scss')

diff --git a/src/client/views/nodes/DiagramBox.scss b/src/client/views/nodes/DiagramBox.scss
index d2749f1ad..58a98cc59 100644
--- a/src/client/views/nodes/DiagramBox.scss
+++ b/src/client/views/nodes/DiagramBox.scss
@@ -1,4 +1,4 @@
-.DIYNodeBox {
+.DiagramBox {
     width: 100%;
     height: 100%;
     display: flex;
@@ -6,7 +6,7 @@
     align-items: center;
     justify-content: center;
 
-    .DIYNodeBox-wrapper {
+    .DiagramBox-wrapper {
         width: 100%;
         height: 100%;
         display: flex;
@@ -26,18 +26,27 @@
 
         .search-bar {
             display: flex;
+            flex-wrap: wrap;
             justify-content: center;
             align-items: center;
             width: 100%;
             padding: 10px;
 
-            input[type="text"] {
+            textarea {
                 flex: 1;
+                height:5px;
                 margin-right: 10px;
+                min-height: 20px;
+                height:auto;
+                resize:none;
+                overflow: hidden;
             }
 
             button {
                 padding: 5px 10px;
+                width:80px;
+                height:30px;
+                border-radius: 10px;
             }
         }
 
@@ -56,18 +65,16 @@
                 width:100%;
                 height:100%; 
                 svg{
-                    flex: 1;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    width:100%;
-                    height:100%; 
+                    max-width: none !important;
                 }
             }
         }
 
         .loading-circle {
-            position: relative;
+            position: absolute;
+            display:flex;
+            align-items: center;
+            justify-content: center;
             width: 50px;
             height: 50px;
             border-radius: 50%;
-- 
cgit v1.2.3-70-g09d2