From 662afd6219f506a56c4cbd3c816e11d6a050663d Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <vladislav.keblysh@raccoongang.com>
Date: Thu, 12 Oct 2023 15:37:56 +0300
Subject: [PATCH 1/2] feat: fixed page styles

---
 src/discussions/common/AuthorLabel.jsx               |  1 +
 .../post-comments/comments/CommentsView.jsx          |  2 +-
 src/index.scss                                       | 12 ++++++++++++
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
index de673bf99..e6bbaf942 100644
--- a/src/discussions/common/AuthorLabel.jsx
+++ b/src/discussions/common/AuthorLabel.jsx
@@ -57,6 +57,7 @@ const AuthorLabel = ({
       })}
       role="heading"
       aria-level="2"
+      style={{ lineHeight: 1, wordBreak: 'break-all' }}
     >
       {isRetiredUser ? '[Deactivated]' : author}
     </span>
diff --git a/src/discussions/post-comments/comments/CommentsView.jsx b/src/discussions/post-comments/comments/CommentsView.jsx
index f3e6e27e9..7c10d39cc 100644
--- a/src/discussions/post-comments/comments/CommentsView.jsx
+++ b/src/discussions/post-comments/comments/CommentsView.jsx
@@ -36,7 +36,7 @@ const CommentsView = ({ endorsed }) => {
 
   const handleDefinition = useCallback((message, commentsLength) => (
     <div
-      className="mx-4 my-14px text-gray-700 font-style"
+      className="comment-line mx-4 my-14px text-gray-700 font-style"
       role="heading"
       aria-level="2"
     >
diff --git a/src/index.scss b/src/index.scss
index 1e2ebcf37..db47e04cb 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -340,9 +340,17 @@ header {
     .nav-item:not(:last-child){
       .nav-link {
           border-right: 0;
+
+          @media screen and (max-width: 567px) {
+            border-right: solid 1px #e9e6e4;
+          }
       }
     }
   }
+
+  button {
+    font-family: inherit;
+  }
 }
 
 .breadcrumb-menu {
@@ -488,6 +496,10 @@ header {
   z-index: 1;
 }
 
+.comment-line {
+  width: calc(100% - 180px);
+}
+
 .post-preview,
 .discussion-comments {
   blockquote {

From 40973d4da664ba107bf33a6db114c64260993c9c Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <vladislav.keblysh@raccoongang.com>
Date: Sat, 25 Nov 2023 15:04:00 +0200
Subject: [PATCH 2/2] feat: fixed page styles

---
 src/discussions/common/AuthorLabel.jsx |  3 +--
 src/index.scss                         | 11 +++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
index e6bbaf942..4562d39cc 100644
--- a/src/discussions/common/AuthorLabel.jsx
+++ b/src/discussions/common/AuthorLabel.jsx
@@ -51,13 +51,12 @@ const AuthorLabel = ({
 
   const authorName = useMemo(() => (
     <span
-      className={classNames('mr-1.5 font-size-14 font-style font-weight-500', {
+      className={classNames('mr-1.5 font-size-14 font-style font-weight-500 author-name', {
         'text-gray-700': isRetiredUser,
         'text-primary-500': !authorLabelMessage && !isRetiredUser,
       })}
       role="heading"
       aria-level="2"
-      style={{ lineHeight: 1, wordBreak: 'break-all' }}
     >
       {isRetiredUser ? '[Deactivated]' : author}
     </span>
diff --git a/src/index.scss b/src/index.scss
index db47e04cb..8a730bdfe 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -347,10 +347,6 @@ header {
       }
     }
   }
-
-  button {
-    font-family: inherit;
-  }
 }
 
 .breadcrumb-menu {
@@ -498,6 +494,7 @@ header {
 
 .comment-line {
   width: calc(100% - 180px);
+  line-height: 1;
 }
 
 .post-preview,
@@ -541,3 +538,9 @@ header {
   left: 50%;
   transform: translate(-50%, -50%);
 }
+
+.author-name {
+  line-height: 1;
+  word-break: break-all;
+}
+