From c4f2830150bcfb6607dcf8e0024012e73fb9fb6b Mon Sep 17 00:00:00 2001
From: Petyo Ivanov <underlog@gmail.com>
Date: Wed, 25 May 2022 15:03:40 +0300
Subject: [PATCH] feat: styling for moderation failure action buttons

---
 src/styles/MessageActions.scss | 19 +++++++++++++++++++
 src/styles/_variables.scss     |  1 +
 2 files changed, 20 insertions(+)

diff --git a/src/styles/MessageActions.scss b/src/styles/MessageActions.scss
index 8e7f17d1..18f4abe6 100644
--- a/src/styles/MessageActions.scss
+++ b/src/styles/MessageActions.scss
@@ -110,3 +110,22 @@
     align-items: center;
   }
 }
+
+.str-chat__message-moderation-error-actions-box {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: var(--xs-p);
+  padding-bottom: var(--xs-p);
+  gap: var(--xs-p);
+
+  button {
+    border: none;
+    background: none;
+    font-weight: var(--font-weight-semi-bold);
+    color: var(--secondary-button-text);
+
+    &.str-chat__message-moderation-error-actions-box--primary {
+      color: var(--button-text);
+    }
+  }
+}
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index e99a7511..0d71fbca 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -142,6 +142,7 @@ $border-radius: 16px;
   --border: #00000014; // 14 = 8% opacity; top: x=0, y=-1; bottom: x=0, y=1
   --button-background: #ffffff;
   --button-text: #005fff;
+  --secondary-button-text: var(--grey);
   --grey-gainsboro: #dbdbdb;
   --grey-whisper: #ecebeb;
   --highlight: #fbf4dd;