From b5133147d580759e4494ed47451e37f69da0e239 Mon Sep 17 00:00:00 2001
From: vladislavkeblysh <138868841+vladislavkeblysh@users.noreply.github.com>
Date: Thu, 14 Dec 2023 08:52:06 +0200
Subject: [PATCH] feat: Enhancements to page (palm.master) (#576)

* feat: fixed page styles
---
 src/discussions/common/AuthorLabel.jsx             |  2 +-
 .../post-comments/comments/CommentsView.jsx        |  2 +-
 src/index.scss                                     | 14 ++++++++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
index b694e057..0e7e1972 100644
--- a/src/discussions/common/AuthorLabel.jsx
+++ b/src/discussions/common/AuthorLabel.jsx
@@ -51,7 +51,7 @@ const AuthorLabel = ({
 
   const authorName = (
     <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,
       })}
diff --git a/src/discussions/post-comments/comments/CommentsView.jsx b/src/discussions/post-comments/comments/CommentsView.jsx
index e737a531..cda53159 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 9720906f..3b621ae8 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -338,6 +338,10 @@ header {
     .nav-item:not(:last-child){
       .nav-link {
           border-right: 0;
+
+          @media screen and (max-width: 567px) {
+            border-right: solid 1px #e9e6e4;
+          }
       }
     }
   }
@@ -486,6 +490,11 @@ header {
   z-index: 1;
 }
 
+.comment-line {
+  width: calc(100% - 180px);
+  line-height: 1;
+}
+
 .post-preview,
 .discussion-comments {
   blockquote {
@@ -510,3 +519,8 @@ header {
   font-size: 18px;
   line-height: 28px;
 }
+
+.author-name {
+  line-height: 1;
+  word-break: break-all;
+}