From 541d380f1ff7957f9e3d66965761b074fec073c3 Mon Sep 17 00:00:00 2001
From: Nathan-SR <144961007+Nathan-SR@users.noreply.github.com>
Date: Sat, 10 Aug 2024 19:36:29 -0400
Subject: UI

---
 src/client/views/nodes/DataVizBox/DocCreatorMenu.scss | 14 ++++++++++----
 src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx  |  2 +-
 2 files changed, 11 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index e2b4014bd..82a659ff7 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -225,6 +225,10 @@
     width: 95%;
     margin-top: 10px;
     margin-bottom: 10px;
+
+    &.full {
+        width: 100%;
+    }
 }
 
 //------------------------------------------------------------------------------------------------------------------------------------------
@@ -259,14 +263,15 @@
 .docCreatorMenu-templates-view {
     display: flex;
     flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
+    justify-content: flex-start;
+    //align-items: flex-start;
     margin: 5px;
     margin-top: 0px;
     width: calc(100% - 10px);
     height: calc(100% - 30px);
     border: 1px solid rgb(180, 180, 180);
     border-radius: 5px;
+    overflow: hidden;
 }
 
 .docCreatorMenu-preview-container {
@@ -316,12 +321,13 @@
 .docCreatorMenu-section {
     display: flex;
     flex-direction: column;
-    justify-content: center;
     align-items: center;
     position: relative;
     margin: 0px;
+    margin-top: 0px;
+    margin-bottom: 0px;
     width: 100%;
-    height: 250;
+    height: 200;
     flex: 0 0 auto;
 }
 
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
index 781cbcb55..2efd73136 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
@@ -372,7 +372,7 @@ export class DocCreatorMenu extends ObservableReactComponent<{}> {
                         {this._GPTOpt ? GPTOptions : null}
                     </div>) : null}
                 </div>
-                <hr className='docCreatorMenu-option-divider'/>
+                <hr className='docCreatorMenu-option-divider full no-margin'/>
                 <div className='docCreatorMenu-section'>
                     <div className='docCreatorMenu-section-topbar'>
                         <div className='docCreatorMenu-section-title'>Your Templates</div>
-- 
cgit v1.2.3-70-g09d2