1 files changed, 50 insertions, 2 deletions
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.scss b/src/client/views/nodes/formattedText/FormattedTextBox.scss
index 99b4a84fc..71706084f 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.scss
@@ -79,7 +79,47 @@ audiotag:hover {
         right: 8px;
         position: absolute;
     }
+    .answer-icon {
+        position: absolute;
+        right: 10;
+        bottom: 10;
+        color: black;
+        display: inline-block;
+        font-size: 20px;
+        cursor: pointer;
+        border-radius: 50%;
+    }
+
+    .q-icon {
+        position: absolute;
+        right: 6;
+        bottom: 10;
+        color: white;
+        display: inline-block;
+        font-size: 20px;
+        cursor: pointer;
+        border-radius: 50%;
+    }
+
+    .edit-icon {
+        position: absolute;
+        right: 35;
+        bottom: 10;
+        display: inline-block;
+        font-size: 20px;
+        cursor: pointer;
+        border-radius: 50%;
+    }
+}
+
+.answer-tooltip {
+    font-size: 15px;
+    padding: 2px;
+    max-width: 150;
+    line-height: 150%;
+    position: relative;
 }
+
 .formattedTextBox-alternateButton {
     align-items: center;
     flex-direction: column;
@@ -88,10 +128,16 @@ audiotag:hover {
     background: black;
     right: 0;
     bottom: 0;
-    width: 11;
-    height: 11;
+    width: 15;
+    height: 22;
     cursor: default;
 }
+.formattedTextBox-flip {
+    align-items: center;
+    position: absolute;
+    right: 2px;
+    bottom: 4px;
+}
 
 .formattedTextBox-outer {
     position: relative;
@@ -171,6 +217,8 @@ audiotag:hover {
         border-style: inset;
         border-width: 1px;
     }
+    // margin-left: 5px;
+    // margin-right: 5px;
 }
 
 .gpt-typing-wrapper {