From d1b17e47b3c6901d60eea25e1aa0cee52670e471 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Wed, 18 Oct 2023 01:53:29 +0300
Subject: [PATCH] Minor style fixes

---
 .../Author/AuthorCard/AuthorCard.module.scss  |  2 ++
 .../Author/AuthorCard/AuthorCard.tsx          |  4 +--
 src/components/Feed/ArticleCard.module.scss   | 25 +++++++++++--------
 src/components/Nav/Header/Header.module.scss  |  4 +++
 src/components/Nav/Header/Header.tsx          |  1 +
 .../TableOfContents.module.scss               |  3 ++-
 src/styles/app.scss                           |  8 ++++--
 7 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/src/components/Author/AuthorCard/AuthorCard.module.scss b/src/components/Author/AuthorCard/AuthorCard.module.scss
index 3fc01878..52b0d3d1 100644
--- a/src/components/Author/AuthorCard/AuthorCard.module.scss
+++ b/src/components/Author/AuthorCard/AuthorCard.module.scss
@@ -451,8 +451,10 @@
 }
 
 .buttonWrite {
+  background: #ccc;
   color: #000;
   display: inline-flex;
+  font-weight: 500;
   transition:
     background-color 0.3s,
     color 0.3s;
diff --git a/src/components/Author/AuthorCard/AuthorCard.tsx b/src/components/Author/AuthorCard/AuthorCard.tsx
index 6fded1f2..75e6b2f2 100644
--- a/src/components/Author/AuthorCard/AuthorCard.tsx
+++ b/src/components/Author/AuthorCard/AuthorCard.tsx
@@ -327,9 +327,9 @@ export const AuthorCard = (props: Props) => {
 
                 <Show when={!props.hideWriteButton}>
                   <button
-                    class={clsx(styles.button, styles.buttonSubscribe)}
+                    class={styles.button}
                     classList={{
-                      'button--subscribe': !props.isAuthorsList,
+                      'button--light': !props.isAuthorsList,
                       'button--subscribe-topic': props.isAuthorsList,
                       [styles.buttonWrite]: props.liteButtons && props.isAuthorsList
                     }}
diff --git a/src/components/Feed/ArticleCard.module.scss b/src/components/Feed/ArticleCard.module.scss
index c0ca557a..020e60f1 100644
--- a/src/components/Feed/ArticleCard.module.scss
+++ b/src/components/Feed/ArticleCard.module.scss
@@ -115,12 +115,8 @@
   }
 }
 
-.shoutAuthor,
-.shoutDate {
-  @include font-size(1.4rem);
-}
-
 .shoutAuthor {
+  @include font-size(1.4rem);
   font-weight: 500;
   margin-right: 1.6rem;
 
@@ -139,9 +135,11 @@
 .shoutDate {
   color: #9fa1a7;
   font-weight: 500;
+  @include font-size(1.2rem);
 }
 
 .shoutDetails {
+  align-items: end;
   display: flex;
   margin-bottom: 1rem;
 }
@@ -149,8 +147,7 @@
 .shoutDetailsFeedMode {
   justify-content: space-between;
 
-  .shoutAuthor,
-  .shoutDate {
+  .shoutAuthor {
     @include font-size(1.2rem);
   }
 }
@@ -194,19 +191,27 @@
   font-weight: 400;
   line-height: 1.3;
   margin-bottom: 1.4rem;
-  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
+  transition:
+    color 0.2s,
+    background-color 0.2s,
+    box-shadow 0.2s;
 }
 
 .shoutCardLinkContainer {
   position: relative;
-  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
+  transition:
+    color 0.2s,
+    background-color 0.2s,
+    box-shadow 0.2s;
 }
 
 .shoutCardEditControl {
   border-radius: 2em;
   min-height: 2.6em;
   padding: 0 1.4em;
-  transition: background-color 0.2s, color 0.2s;
+  transition:
+    background-color 0.2s,
+    color 0.2s;
 
   &:hover {
     background: var(--background-color-invert);
diff --git a/src/components/Nav/Header/Header.module.scss b/src/components/Nav/Header/Header.module.scss
index 93bfe8aa..a991f1a9 100644
--- a/src/components/Nav/Header/Header.module.scss
+++ b/src/components/Nav/Header/Header.module.scss
@@ -421,6 +421,10 @@
   transform: translateY(-50%);
   width: 100%;
 
+  @include media-breakpoint-up(xl) {
+    right: 2rem;
+  }
+
   .control {
     cursor: pointer;
     border: 0;
diff --git a/src/components/Nav/Header/Header.tsx b/src/components/Nav/Header/Header.tsx
index 23cc3435..b5743b6d 100644
--- a/src/components/Nav/Header/Header.tsx
+++ b/src/components/Nav/Header/Header.tsx
@@ -219,6 +219,7 @@ export const Header = (props: Props) => {
                 <Link
                   onMouseOver={() => toggleSubnavigation(true, setIsKnowledgeBaseVisible)}
                   onMouseOut={() => hideSubnavigation}
+                  routeName="guide"
                   body={t('Knowledge base')}
                   active={isKnowledgeBaseVisible()}
                 />
diff --git a/src/components/TableOfContents/TableOfContents.module.scss b/src/components/TableOfContents/TableOfContents.module.scss
index ba191338..e9629bba 100644
--- a/src/components/TableOfContents/TableOfContents.module.scss
+++ b/src/components/TableOfContents/TableOfContents.module.scss
@@ -158,8 +158,9 @@
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
-  line-height: 20px;
+  line-height: 1.8rem;
   text-align: left;
+  vertical-align: bottom;
 
   &:hover {
     color: rgb(0 0 0 / 50%);
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 00c2dd42..4f75474e 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -289,12 +289,16 @@ button {
 
 .button--light {
   @include font-size(1.5rem);
-
   background-color: #f6f6f6;
+  border-radius: 0.8rem;
   color: #000;
-  font-weight: 400;
+  font-weight: 500;
   height: auto;
   padding: 0.6rem 1.2rem 0.6rem 1rem;
+
+  &:hover {
+    background: #e9e9ee;
+  }
 }
 
 .button--subscribe-topic {