edit and copy buttons added to GPT template preview

1 files changed, 35 insertions, 6 deletions

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
index 3b6aeb0dd..5a9fd3436 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.scss
@@ -287,6 +287,7 @@
 }
 
 .docCreatorMenu-preview-window {
+    position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -316,6 +317,34 @@
             margin-top: 0px;
         }
     }
+
+    .option-button {
+        display: none;
+        height: 25px;
+        width: 25px;
+        margin: 0px;
+        background: none;
+        border: 0px;
+        padding: 0px;
+        font-size: 15px;
+
+        &.right {
+            position: absolute;
+            bottom: 0px;
+            right: 0px;
+        }
+
+        &.left {
+            position: absolute;
+            bottom: 0px;
+            left: 0px;
+        }
+    }
+
+    &:hover .option-button {
+        display: block;
+    }
+    
 }
 
 .docCreatorMenu-section {
@@ -361,13 +390,13 @@
     display: flex;
     flex-direction: row;
     width: 100%;
+}
 
-    .section-reveal-options {
-        margin: 0px;
-        margin-left: auto;
-        border: 0px;
-        background: none;
-    }
+.section-reveal-options {
+    margin: 0px;
+    margin-left: auto;
+    border: 0px;
+    background: none;
 }
 
 .docCreatorMenu-section-title {