Merge branch 'agent-paper-main' of https://github.com/brown-dash/Dash-Web into joanne-tutorialagent

1 files changed, 21 insertions, 21 deletions

diff --git a/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss b/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss
index 2d7e5c120..4a916e86c 100644
--- a/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss
+++ b/src/client/views/nodes/chatbot/chatboxcomponents/ChatBox.scss
@@ -50,7 +50,7 @@ $font-size-xlarge: 18px;
         position: relative;
 
         h2 {
-            margin: 0;
+            margin: 0px;
             font-size: 1.25rem;
             font-weight: 600;
             letter-spacing: 0.01em;
@@ -103,7 +103,7 @@ $font-size-xlarge: 18px;
                 margin-bottom: 4px;
 
                 &:last-child {
-                    margin-bottom: 0;
+                    margin-bottom: 0px;
                 }
 
                 &:hover {
@@ -191,8 +191,8 @@ $font-size-xlarge: 18px;
             content: '';
             position: absolute;
             top: -5px;
-            left: 0;
-            right: 0;
+            left: 0px;
+            right: 0px;
             height: 5px;
             background: linear-gradient(to top, rgba(0, 0, 0, 0.06), transparent);
             pointer-events: none;
@@ -457,11 +457,11 @@ $font-size-xlarge: 18px;
                 margin: 8px 0;
 
                 &:first-child {
-                    margin-top: 0;
+                    margin-top: 0px;
                 }
 
                 &:last-child {
-                    margin-bottom: 0;
+                    margin-bottom: 0px;
                 }
             }
 
@@ -521,8 +521,8 @@ $font-size-xlarge: 18px;
             border-bottom: 1px dashed #e5e7eb;
 
             &:last-child {
-                margin-bottom: 0;
-                padding-bottom: 0;
+                margin-bottom: 0px;
+                padding-bottom: 0px;
                 border-bottom: none;
             }
 
@@ -581,7 +581,7 @@ $font-size-xlarge: 18px;
 
     .message-content {
         background-color: inherit;
-        padding: 0;
+        padding: 0px;
         border-radius: 8px;
         font-size: 14px;
         line-height: 1.6;
@@ -679,7 +679,7 @@ $font-size-xlarge: 18px;
         }
 
         &:active {
-            background-color: darken($primary-light, 3%);
+            background-color: color.adjust($primary-light, $lightness: -3%);
         }
     }
 }
@@ -708,10 +708,10 @@ $font-size-xlarge: 18px;
 
 .uploading-overlay {
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
     background-color: rgba(255, 255, 255, 0.92);
     display: flex;
     justify-content: center;
@@ -954,10 +954,10 @@ $font-size-xlarge: 18px;
 /* Tool Reload Modal Styles */
 .tool-reload-modal-overlay {
     position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: 0px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
     background-color: rgba(0, 0, 0, 0.5);
     display: flex;
     align-items: center;
@@ -969,7 +969,7 @@ $font-size-xlarge: 18px;
 .tool-reload-modal {
     background: white;
     border-radius: 12px;
-    padding: 0;
+    padding: 0px;
     min-width: 400px;
     max-width: 500px;
     box-shadow:
@@ -995,7 +995,7 @@ $font-size-xlarge: 18px;
     border-bottom: 1px solid #e2e8f0;
 
     h3 {
-        margin: 0;
+        margin: 0px;
         font-size: 18px;
         font-weight: 600;
         color: #1a202c;
@@ -1019,7 +1019,7 @@ $font-size-xlarge: 18px;
         color: #4a5568;
 
         &:last-child {
-            margin-bottom: 0;
+            margin-bottom: 0px;
         }
 
         strong {