cleaned text link preview

1 files changed, 38 insertions, 9 deletions

diff --git a/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss b/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss
index adef7f81f..9089e7039 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss
+++ b/src/client/views/nodes/formattedText/FormattedTextBoxComment.scss
@@ -36,32 +36,61 @@
     border-top-color: white;
 }
 
-.FormattedTextBox-buttons {
+.FormattedTextBoxComment-buttons {
     display: none;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
 
-    .FormattedTextBox-button {
+    .FormattedTextBoxComment-button {
         width: 20px;
         height: 20px;
         margin: 0;
         margin-right: 6px;
         border-radius: 50%;
         pointer-events: auto;
-        background-color: rgb(53, 146, 199);
-        color: rgb(150, 211, 248);
+        background-color: rgb(38, 40, 41);
+        color: rgb(178, 181, 184);
         font-size: 65%;
         transition: transform 0.2s;
         text-align: center;
         position: relative;
 
-        .FormattedTextBox-fa-icon {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
+        // margin-top: "auto";
+        //     margin-bottom: "auto";
+        //     background: black;
+        //     color: white;
+        //     display: inline-block;
+        //     border-radius: 18px;
+        //     font-size: 12.5px;
+        //     width: 18px;
+        //     height: 18px;
+        //     margin-top: auto;
+        //     margin-bottom: auto;
+        //     margin-right: 3px;
+        //     cursor: pointer;
+        //     transition: transform 0.2s;
+
+        .FormattedTextBoxComment-fa-icon {
+            margin-top: "auto";
+            margin-bottom: "auto";
+            background: black;
+            color: white;
+            display: inline-block;
+            border-radius: 18px;
+            font-size: 12.5px;
+            width: 18px;
+            height: 18px;
+            margin-top: auto;
+            margin-bottom: auto;
+            margin-right: 3px;
+            cursor: pointer;
+            transition: transform 0.2s;
+            // position: absolute;
+            // top: 50%;
+            // left: 50%;
+            // transform: translate(-50%, -50%);
         }
 
         &:last-child {