lots of cleanup in GPTpopup.

1 files changed, 13 insertions, 32 deletions

diff --git a/src/client/views/pdf/GPTPopup/GPTPopup.scss b/src/client/views/pdf/GPTPopup/GPTPopup.scss
index 0247dc10c..9cf318dc0 100644
--- a/src/client/views/pdf/GPTPopup/GPTPopup.scss
+++ b/src/client/views/pdf/GPTPopup/GPTPopup.scss
@@ -5,7 +5,7 @@ $lightgrey: #ececec;
 $button: #5b97ff;
 $highlightedText: #82e0ff;
 
-.summary-box {
+.gptPopup-summary-box {
     position: fixed;
     top: 115px;
     left: 75px;
@@ -35,7 +35,7 @@ $highlightedText: #82e0ff;
         right: 0;
         bottom: 0;
         cursor: se-resize;
-      }
+    }
 
     .summary-heading {
         display: flex;
@@ -63,12 +63,12 @@ $highlightedText: #82e0ff;
         cursor: pointer;
     }
 
-    .content-wrapper {
+    .gptPopup-content-wrapper {
         padding-top: 10px;
         min-height: 50px;
         // max-height: 150px;
         overflow-y: auto;
-        height: 100%
+        height: 100%;
     }
 
     .btns-wrapper-gpt {
@@ -78,7 +78,7 @@ $highlightedText: #82e0ff;
         align-items: center;
         flex-direction: column;
 
-        .inputWrapper{
+        .inputWrapper {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -87,17 +87,15 @@ $highlightedText: #82e0ff;
             bottom: 0;
             width: 100%;
             background-color: white;
-
-
         }
 
-        .searchBox-input{
+        .searchBox-input {
             height: 40px;
             border-radius: 10px;
             position: absolute;
             bottom: 10px;
             border-color: #5b97ff;
-            width: 90%
+            width: 90%;
         }
 
         .chat-wrapper {
@@ -106,52 +104,41 @@ $highlightedText: #82e0ff;
             width: 100%;
             max-height: calc(100vh - 80px);
             overflow-y: auto;
-            padding-bottom: 60px; 
+            padding-bottom: 60px;
         }
-    
+
         .chat-bubbles {
             margin-top: 20px;
             display: flex;
             flex-direction: column;
             flex-grow: 1;
         }
-    
+
         .chat-bubble {
             padding: 10px;
             margin-bottom: 10px;
             border-radius: 10px;
             max-width: 60%;
         }
-    
+
         .user-message {
             background-color: #283d53;
             align-self: flex-end;
             color: whitesmoke;
         }
-    
+
         .chat-message {
             background-color: #367ae7;
             align-self: flex-start;
-            color:whitesmoke;
+            color: whitesmoke;
         }
 
-
-        
-
         .summarizing {
             display: flex;
             align-items: center;
         }
-
-        
-
-        
-
-        
     }
 
-
-
     .text-btn {
         &:hover {
             background-color: $button;
@@ -198,18 +185,12 @@ $highlightedText: #82e0ff;
     color: #666;
 }
 
-
-
-
-
 @keyframes spin {
     to {
         transform: rotate(360deg);
     }
 }
 
-
-
 .image-content-wrapper {
     display: flex;
     flex-direction: column;