From df983e1c60349c368441a4d619e95727fe073397 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Wed, 15 Nov 2023 23:27:43 +0300
Subject: [PATCH] Feed sidebar style fixes

---
 src/components/Feed/Sidebar/Sidebar.module.scss | 10 +++++-----
 src/components/Feed/Sidebar/Sidebar.tsx         |  4 ++--
 src/components/Views/Feed.module.scss           |  9 +--------
 3 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/components/Feed/Sidebar/Sidebar.module.scss b/src/components/Feed/Sidebar/Sidebar.module.scss
index 040096a5..5f936e92 100644
--- a/src/components/Feed/Sidebar/Sidebar.module.scss
+++ b/src/components/Feed/Sidebar/Sidebar.module.scss
@@ -19,11 +19,12 @@
     align-items: center;
     display: flex;
     position: relative;
+  }
 
-    @include media-breakpoint-up(md) {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
+  .sidebarItemNameLabel {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .userpic {
@@ -109,7 +110,6 @@
     display: inline-block;
     line-height: 1;
     height: 2.4rem;
-    margin-bottom: 0.2rem;
     margin-right: 0.8rem;
     min-width: 2.4rem;
     text-align: center;
diff --git a/src/components/Feed/Sidebar/Sidebar.tsx b/src/components/Feed/Sidebar/Sidebar.tsx
index 04374e0b..eecf8b45 100644
--- a/src/components/Feed/Sidebar/Sidebar.tsx
+++ b/src/components/Feed/Sidebar/Sidebar.tsx
@@ -131,7 +131,7 @@ export const Sidebar = () => {
                 >
                   <div class={styles.sidebarItemName}>
                     <Userpic name={author.name} userpic={author.userpic} size="XS" class={styles.userpic} />
-                    {author.name}
+                    <div class={styles.sidebarItemNameLabel}>{author.name}</div>
                   </div>
                 </a>
               </li>
@@ -146,7 +146,7 @@ export const Sidebar = () => {
                 >
                   <div class={styles.sidebarItemName}>
                     <Icon name="hash" class={styles.icon} />
-                    {topic.title}
+                    <div class={styles.sidebarItemNameLabel}>{topic.title}</div>
                   </div>
                 </a>
               </li>
diff --git a/src/components/Views/Feed.module.scss b/src/components/Views/Feed.module.scss
index e5c22e58..7fa3da81 100644
--- a/src/components/Views/Feed.module.scss
+++ b/src/components/Views/Feed.module.scss
@@ -8,8 +8,7 @@
 }
 
 .feedNavigation {
-  @include font-size(1.6rem);
-
+  @include font-size(1.4rem);
   font-weight: 500;
 
   h4 {
@@ -34,12 +33,6 @@
     margin: 0 0 1rem;
     white-space: nowrap;
     width: 100%;
-
-    a,
-    strong {
-      display: flex;
-      justify-content: space-between;
-    }
   }
 
   a {