From 017ea87f9fc0e17391203845a83a4f3d792829c4 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Mon, 12 Jun 2023 23:11:25 +0300
Subject: [PATCH] Fixed style in the topics block on the feed page

---
 public/locales/en/translation.json    | 1 +
 public/locales/ru/translation.json    | 1 +
 src/components/Views/Feed.module.scss | 8 +++++---
 src/components/Views/Feed.tsx         | 2 +-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index fa02a723..0e089f5c 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -246,6 +246,7 @@
   "Top viewed": "Most viewed",
   "Topic is supported by": "Topic is supported by",
   "Topics": "Topics",
+  "Hot topics": "Hot topics",
   "Topics which supported by author": "Topics which supported by author",
   "Try to find another way": "Try to find another way",
   "Unfollow": "Unfollow",
diff --git a/public/locales/ru/translation.json b/public/locales/ru/translation.json
index e045f9b2..9797ff67 100644
--- a/public/locales/ru/translation.json
+++ b/public/locales/ru/translation.json
@@ -259,6 +259,7 @@
   "Top viewed": "Самое читаемое",
   "Topic is supported by": "Тему поддерживают",
   "Topics": "Темы",
+  "Hot topics": "Горячие темы",
   "Topics which supported by author": "Автор поддерживает темы",
   "Try to find another way": "Попробуйте найти по-другому",
   "Unfollow": "Отписаться",
diff --git a/src/components/Views/Feed.module.scss b/src/components/Views/Feed.module.scss
index d8b48a3e..48833446 100644
--- a/src/components/Views/Feed.module.scss
+++ b/src/components/Views/Feed.module.scss
@@ -53,12 +53,14 @@
 .topic {
   background: transparentize(#2638d9, 0.95);
   display: inline-block;
+  @include font-size(1.2rem);
   font-weight: bold;
-  line-height: 1.2;
-  margin: 0 0.5em 0.5em 0;
-  padding: 0.6em 1em;
+  line-height: 3.4rem;
+  margin: 0 0.6rem 0.6rem 0;
+  padding: 0 1.2rem;
   position: relative;
   vertical-align: middle;
+  white-space: nowrap;
 
   &:hover {
     background: #2638d9;
diff --git a/src/components/Views/Feed.tsx b/src/components/Views/Feed.tsx
index 4b254742..55c29c9d 100644
--- a/src/components/Views/Feed.tsx
+++ b/src/components/Views/Feed.tsx
@@ -177,7 +177,7 @@ export const FeedView = () => {
 
             <Show when={topTopics().length > 0}>
               <section class={styles.asideSection}>
-                <h4>{t('Topics')}</h4>
+                <h4>{t('Hot topics')}</h4>
                 <For each={topTopics().slice(0, 5)}>
                   {(topic) => (
                     <span class={clsx(stylesTopic.shoutTopic, styles.topic)}>