From 82dfc72fd5c25e1ef4002ed274c91482de2b2bf6 Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <vladislav.keblysh@raccoongang.com>
Date: Thu, 12 Oct 2023 15:40:40 +0300
Subject: [PATCH] feat: fixed page styles

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

diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
index 733cc481b..d86905441 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 e737a531d..cda53159d 100644
--- a/src/discussions/post-comments/comments/CommentsView.jsx
+++ b/src/discussions/post-comments/comments/CommentsView.jsx
@@ -32,7 +32,7 @@ const CommentsView = ({
 
   const handleDefinition = (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 d0abb9060..5e8886b21 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -345,9 +345,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 {
@@ -477,7 +485,7 @@ header {
 }
 
 .font-style {
-  font-family: "Inter";
+  font-family: inherit;
   font-style: normal;
 }
 
@@ -494,6 +502,10 @@ header {
   z-index: 1;
 }
 
+.comment-line {
+  width: calc(100% - 180px);
+}
+
 .post-preview,
 .discussion-comments {
   blockquote {