added tutorial tool, still need to integrate with metadatatool

1 files changed, 10 insertions, 10 deletions

diff --git a/src/client/views/pdf/GPTPopup/GPTPopup.scss b/src/client/views/pdf/GPTPopup/GPTPopup.scss
index c8903e09f..bb43291ee 100644
--- a/src/client/views/pdf/GPTPopup/GPTPopup.scss
+++ b/src/client/views/pdf/GPTPopup/GPTPopup.scss
@@ -9,18 +9,16 @@ $headingHeight: 32px;
 
 .gptPopup-summary-box {
     position: fixed;
+    padding-left: 10px;
+    padding-right: 10px;
     top: 115px;
     left: 75px;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
-    pointer-events: none;
     border-top: solid gray 20px;
     border-radius: 16px;
-    padding: 16px;
-    padding-bottom: 0;
-    padding-top: 0px;
     z-index: 999;
     display: flex;
     flex-direction: column;
@@ -29,11 +27,13 @@ $headingHeight: 32px;
     box-shadow: 0 2px 5px #7474748d;
     color: $textgrey;
 
-    .gptPopup-sortBox {
+    .gptPopup-summaryBox-content {
+        padding-right: 16px;
+        padding-left: 16px;
+        position: relative;
+        overflow: hidden;
         display: flex;
         flex-direction: column;
-        height: calc(100% - $inputHeight - $headingHeight);
-        pointer-events: all;
     }
 
     .summary-heading {
@@ -50,7 +50,6 @@ $headingHeight: 32px;
     }
 
     label {
-        color: $textgrey;
         font-size: 12px;
         font-weight: 400;
         letter-spacing: 1px;
@@ -65,7 +64,9 @@ $headingHeight: 32px;
     .gptPopup-content-wrapper {
         padding-top: 10px;
         min-height: 50px;
-        height: calc(100% - 32px);
+        white-space: pre-line;
+        overflow: auto;
+        margin-bottom: 10px;
     }
 
     .inputWrapper {
@@ -73,7 +74,6 @@ $headingHeight: 32px;
         justify-content: center;
         align-items: center;
         height: $inputHeight;
-        background-color: white;
         width: 100%;
         pointer-events: all;