From 46c0cd7e6a2ac8b57c06a86f76a36e422746d807 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Fri, 15 Jul 2022 17:14:40 +0700
Subject: [PATCH] fixed months passed label

---
 src/components/comment/CommentContent/index.tsx     |  3 +--
 .../comment/CommentContent/styles.module.scss       | 13 +++++--------
 .../comment/CommentDistance/styles.module.scss      | 11 ++++-------
 3 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/src/components/comment/CommentContent/index.tsx b/src/components/comment/CommentContent/index.tsx
index a3bd4a22..a3f90d1f 100644
--- a/src/components/comment/CommentContent/index.tsx
+++ b/src/components/comment/CommentContent/index.tsx
@@ -84,10 +84,9 @@ const CommentContent: FC<IProps> = memo(
 
     return (
       <div className={styles.wrap}>
+        {!!prefix && <div className={styles.prefix}>{prefix}</div>}
         {comment.text.trim() && (
           <Group className={classnames(styles.block, styles.block_text)}>
-            {!!prefix && <div className={styles.prefix}>{prefix}</div>}
-
             {menu}
 
             <Group className={styles.renderers}>
diff --git a/src/components/comment/CommentContent/styles.module.scss b/src/components/comment/CommentContent/styles.module.scss
index d87d4d42..9838968f 100644
--- a/src/components/comment/CommentContent/styles.module.scss
+++ b/src/components/comment/CommentContent/styles.module.scss
@@ -2,8 +2,8 @@
 @import "~flexbin/flexbin";
 
 .wrap {
-  position: relative;
   @include row_shadow;
+  position: relative;
 }
 
 .lock,
@@ -163,13 +163,10 @@
 }
 
 .prefix {
-  display: inline-flex;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  transform: translate(0, -50%);
+  @include row_shadow;
+
+  margin-top: 1px;
+  display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 10;
 }
diff --git a/src/components/comment/CommentDistance/styles.module.scss b/src/components/comment/CommentDistance/styles.module.scss
index cf009220..c2f1c570 100644
--- a/src/components/comment/CommentDistance/styles.module.scss
+++ b/src/components/comment/CommentDistance/styles.module.scss
@@ -1,13 +1,10 @@
 @import "src/styles/variables";
 
 .bar {
-  @include inner_shadow;
-
   font: $font_12_regular;
-  color: darken(white, 50%);
-  background: $content_bg;
-  display: inline-flex;
-  padding: 1px 10px 3px;
-  border-radius: 12px;
+  color: darken(white, 70%);
   user-select: none;
+  width: 100%;
+  text-align: center;
+  padding: 0 0 2px;
 }