Minor style fixes

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;

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,
+                  [styles.buttonSubscribe]: !props.isAuthorsList,
-                  'button--subscribe': props.liteButtons && !props.isAuthorsList,
+                  'button--subscribe': !props.isAuthorsList,
-                  'button--subscribe-topic': props.liteButtons && props.isAuthorsList,
+                  'button--subscribe-topic': props.isAuthorsList,
                   [styles.buttonWrite]: props.liteButtons && props.isAuthorsList
                 }}
               >

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%;
     }

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">

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>
 

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">