From abb2075069a0c7542c4d0938589a2eaae2bbbcd5 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Wed, 23 Nov 2022 23:47:06 +0300
Subject: [PATCH] Minor style fixes

---
 src/components/Author/Card.module.scss    | 2 ++
 src/components/Author/Card.tsx            | 6 +++---
 src/components/Author/Full.scss           | 4 +++-
 src/components/Pages/LayoutShoutsPage.tsx | 2 +-
 src/components/Views/Author.tsx           | 2 --
 src/components/Views/Topic.tsx            | 2 +-
 6 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/Author/Card.module.scss b/src/components/Author/Card.module.scss
index 91ac16b3..fb4d76d2 100644
--- a/src/components/Author/Card.module.scss
+++ b/src/components/Author/Card.module.scss
@@ -166,6 +166,7 @@
   }
 
   .icon {
+    display: inline-block;
     margin-right: 0.5em;
   }
 
@@ -206,6 +207,7 @@
     background-color: #000;
     border-color: #000;
     border-radius: 0.8rem;
+    color: #fff;
     float: none;
     padding-bottom: 0.6rem;
     padding-top: 0.6rem;
diff --git a/src/components/Author/Card.tsx b/src/components/Author/Card.tsx
index 656eed3a..6440827e 100644
--- a/src/components/Author/Card.tsx
+++ b/src/components/Author/Card.tsx
@@ -120,9 +120,9 @@ export const AuthorCard = (props: AuthorCardProps) => {
               <button
                 class={styles.button}
                 classList={{
-                  [styles.buttonSubscribe]: props.liteButtons && !props.isAuthorsList,
-                  'button--subscribe': props.liteButtons && !props.isAuthorsList,
-                  'button--subscribe-topic': props.liteButtons && props.isAuthorsList,
+                  [styles.buttonSubscribe]: !props.isAuthorsList,
+                  'button--subscribe': !props.isAuthorsList,
+                  'button--subscribe-topic': props.isAuthorsList,
                   [styles.buttonWrite]: props.liteButtons && props.isAuthorsList
                 }}
               >
diff --git a/src/components/Author/Full.scss b/src/components/Author/Full.scss
index 65db4de0..13f5e9ca 100644
--- a/src/components/Author/Full.scss
+++ b/src/components/Author/Full.scss
@@ -1,11 +1,13 @@
 .user-details {
-  margin-bottom: 4.4rem;
+  margin-bottom: 5.4rem;
 }
 
 .author-page {
   .view-switcher {
     @include font-size(1.5rem);
 
+    margin-top: 0;
+
     button {
       font-size: 100%;
     }
diff --git a/src/components/Pages/LayoutShoutsPage.tsx b/src/components/Pages/LayoutShoutsPage.tsx
index 2082a12e..af77341c 100644
--- a/src/components/Pages/LayoutShoutsPage.tsx
+++ b/src/components/Pages/LayoutShoutsPage.tsx
@@ -70,7 +70,7 @@ export const LayoutShoutsPage = (props: PageProps) => {
   onCleanup(() => resetSortedArticles())
 
   const ModeSwitcher = () => (
-    <div class="container">
+    <div class="wide-container">
       <div class={clsx(styles.groupControls, 'row group__controls')}>
         <div class="col-md-8">
           <ul class="view-switcher">
diff --git a/src/components/Views/Author.tsx b/src/components/Views/Author.tsx
index 4811812c..94635d88 100644
--- a/src/components/Views/Author.tsx
+++ b/src/components/Views/Author.tsx
@@ -100,8 +100,6 @@ export const AuthorView = (props: AuthorProps) => {
                 <span class="mode-switcher__control">{t('All posts')}</span>
               </div>
             </div>
-
-            <h3 class="col-12">{title()}</h3>
           </div>
         </div>
 
diff --git a/src/components/Views/Topic.tsx b/src/components/Views/Topic.tsx
index f3ee8676..e430b797 100644
--- a/src/components/Views/Topic.tsx
+++ b/src/components/Views/Topic.tsx
@@ -76,7 +76,7 @@ export const TopicView = (props: TopicProps) => {
     <div class={styles.topicPage}>
       <Show when={topic()}>
         <FullTopic topic={topic()} />
-        <div class="container">
+        <div class="wide-container">
           <div class={clsx(styles.groupControls, 'row group__controls')}>
             <div class="col-md-8">
               <ul class="view-switcher">