From 872e91b39bde0240ca3a625c7e13d31f524d343e Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 3 Dec 2019 16:29:26 +0700
Subject: [PATCH] red restore button

---
 src/components/containers/CommentWrapper/styles.scss | 4 ++++
 src/components/node/CommendDeleted/index.tsx         | 8 +++++++-
 src/components/node/CommendDeleted/styles.scss       | 8 ++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/containers/CommentWrapper/styles.scss b/src/components/containers/CommentWrapper/styles.scss
index 5fa9046e..d056d269 100644
--- a/src/components/containers/CommentWrapper/styles.scss
+++ b/src/components/containers/CommentWrapper/styles.scss
@@ -23,6 +23,10 @@
 .text {
   flex: 1;
   min-width: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: center;
 
   @include tablet {
     :global(.comment-author) {
diff --git a/src/components/node/CommendDeleted/index.tsx b/src/components/node/CommendDeleted/index.tsx
index e2fccb91..baaeebf0 100644
--- a/src/components/node/CommendDeleted/index.tsx
+++ b/src/components/node/CommendDeleted/index.tsx
@@ -15,7 +15,13 @@ const CommendDeleted: FC<IProps> = ({ id, onDelete }) => {
   return (
     <div className={styles.wrap}>
       <div>Комментарий удалён</div>
-      <Button size="mini" onClick={onRestore} iconLeft="restore">
+      <Button
+        size="mini"
+        onClick={onRestore}
+        color="link"
+        iconLeft="restore"
+        className={styles.button}
+      >
         Восстановить
       </Button>
     </div>
diff --git a/src/components/node/CommendDeleted/styles.scss b/src/components/node/CommendDeleted/styles.scss
index 19f37344..5240ffac 100644
--- a/src/components/node/CommendDeleted/styles.scss
+++ b/src/components/node/CommendDeleted/styles.scss
@@ -11,3 +11,11 @@
     font: $font_14_semibold;
   }
 }
+
+.button {
+  color: $red !important;
+
+  svg {
+    fill: $red !important;
+  }
+}