Add Margin around the Messaging Icon

2023-11-23 16:58:56 -05:00
parent 8670f386dc
commit 65f960db00
2 changed files with 4 additions and 1 deletions
--- a/client/src/components/chat-popup/chat-popup.component.jsx
+++ b/client/src/components/chat-popup/chat-popup.component.jsx
@@ -132,7 +132,7 @@ export function ChatPopupComponent({
            onClick={() => toggleChatVisible()}
            style={{ cursor: "pointer" }}
          >
-            <MessageOutlined />
+            <MessageOutlined className="chat-popup-info-icon" />
            <strong>{t("messaging.labels.messaging")}</strong>
          </div>
        )}
--- a/client/src/components/chat-popup/chat-popup.styles.scss
+++ b/client/src/components/chat-popup/chat-popup.styles.scss
@@ -13,6 +13,9 @@
    height: 100%;
  }
 }
+.chat-popup-info-icon {
+  margin-right: 5px;
+}

@media only screen and (min-width: 992px) {
  .chat-popup {