Add tooltip to maximize button and remove grey background

1 files changed, 15 insertions, 3 deletions

diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
index 39e72b5bc..fcddfea03 100644
--- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss
+++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss
@@ -42,8 +42,20 @@ $input-border-radius: 3px;
           display: none !important;
         }
 
-        .grey-button {
-          padding: 0 7px 0 12px;
+        .maximize-button {
+          padding: 0 7px;
+          cursor: pointer;
+
+          svg {
+            stroke: var(--mainForegroundColor);
+            opacity: 0.6;
+          }
+
+          &:hover, &:active {
+            svg {
+              opacity: 1;
+            }
+          }
         }
       }
     }
@@ -77,7 +89,7 @@ $input-border-radius: 3px;
       opacity: .7;
     }
 
-    .grey-button {
+    .maximize-button {
       margin-left: 5px;
     }
   }