Style fixes

src/components/Author/Card.module.scss

@@ -15,9 +15,6 @@
 .authorDetails {
   display: flex;
   flex: 1;
-  width: max-content;
-
-  // padding-right: 1.2rem;
 
   @include media-breakpoint-down(sm) {
     flex-wrap: wrap;
@@ -193,6 +190,7 @@
 
   .authorSubscribe {
     margin-top: 2rem;
+    padding-left: 0;
   }
 
   .authorDetails {

src/components/Author/Full.scss

@@ -1,6 +1,5 @@
 .user-details {
   margin-bottom: 4.4rem;
-  padding: 0;
 }
 
 .author-page {

src/components/Author/Full.tsx

@@ -4,12 +4,10 @@ import './Full.scss'
 
 export const AuthorFull = (props: { author: Author }) => {
   return (
-    <div class="container">
     <div class="row">
       <div class="col-md-8 offset-md-2 user-details">
         <AuthorCard author={props.author} compact={false} isAuthorPage={true} />
       </div>
     </div>
-    </div>
   )
 }

src/components/Views/Author.tsx

@@ -70,8 +70,9 @@ export const AuthorView = (props: AuthorProps) => {
   )
 
   return (
-    <div class="container author-page">
+    <div class="author-page">
       <Show when={author()} fallback={<div class="center">{t('Loading')}</div>}>
+        <div class="wide-container">
           <AuthorFull author={author()} />
           <div class="row group__controls">
             <div class="col-md-8">
@@ -99,11 +100,11 @@ export const AuthorView = (props: AuthorProps) => {
                 <span class="mode-switcher__control">{t('All posts')}</span>
               </div>
             </div>
-        </div>
 
             <h3 class="col-12">{title()}</h3>
+          </div>
+        </div>
 
-        <div class="row">
         <Beside
           title={t('Topics which supported by author')}
           values={topicsByAuthor()[author().slug].slice(0, 5)}
@@ -136,7 +137,6 @@ export const AuthorView = (props: AuthorProps) => {
             </button>
           </p>
         </Show>
-        </div>
       </Show>
     </div>
   )