From 296011eb573352fda4f430ca0b4c809b654a80ac Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Mon, 21 Nov 2022 01:10:07 +0300
Subject: [PATCH 1/2] Style fixes

---
 src/components/Author/Card.module.scss |   4 +-
 src/components/Author/Full.scss        |   1 -
 src/components/Author/Full.tsx         |   8 +-
 src/components/Views/Author.tsx        | 120 ++++++++++++-------------
 4 files changed, 64 insertions(+), 69 deletions(-)

diff --git a/src/components/Author/Card.module.scss b/src/components/Author/Card.module.scss
index 8c26fd24..91ac16b3 100644
--- a/src/components/Author/Card.module.scss
+++ b/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 {
diff --git a/src/components/Author/Full.scss b/src/components/Author/Full.scss
index 4b505f0d..65db4de0 100644
--- a/src/components/Author/Full.scss
+++ b/src/components/Author/Full.scss
@@ -1,6 +1,5 @@
 .user-details {
   margin-bottom: 4.4rem;
-  padding: 0;
 }
 
 .author-page {
diff --git a/src/components/Author/Full.tsx b/src/components/Author/Full.tsx
index ddd25c1b..b240ae2b 100644
--- a/src/components/Author/Full.tsx
+++ b/src/components/Author/Full.tsx
@@ -4,11 +4,9 @@ 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 class="row">
+      <div class="col-md-8 offset-md-2 user-details">
+        <AuthorCard author={props.author} compact={false} isAuthorPage={true} />
       </div>
     </div>
   )
diff --git a/src/components/Views/Author.tsx b/src/components/Views/Author.tsx
index ab64da1b..4811812c 100644
--- a/src/components/Views/Author.tsx
+++ b/src/components/Views/Author.tsx
@@ -70,73 +70,73 @@ 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>}>
-        <AuthorFull author={author()} />
-        <div class="row group__controls">
-          <div class="col-md-8">
-            <ul class="view-switcher">
-              <li classList={{ selected: searchParams().by === 'rating' }}>
-                <button type="button" onClick={() => changeSearchParam('by', 'rating')}>
-                  {t('Popular')}
-                </button>
-              </li>
-              <li classList={{ selected: searchParams().by === 'followed' }}>
-                <button type="button" onClick={() => changeSearchParam('by', 'followed')}>
-                  {t('Followers')}
-                </button>
-              </li>
-              <li classList={{ selected: searchParams().by === 'commented' }}>
-                <button type="button" onClick={() => changeSearchParam('by', 'commented')}>
-                  {t('Discussing')}
-                </button>
-              </li>
-            </ul>
-          </div>
-          <div class="col-md-4">
-            <div class="mode-switcher">
-              {`${t('Show')} `}
-              <span class="mode-switcher__control">{t('All posts')}</span>
+        <div class="wide-container">
+          <AuthorFull author={author()} />
+          <div class="row group__controls">
+            <div class="col-md-8">
+              <ul class="view-switcher">
+                <li classList={{ selected: searchParams().by === 'rating' }}>
+                  <button type="button" onClick={() => changeSearchParam('by', 'rating')}>
+                    {t('Popular')}
+                  </button>
+                </li>
+                <li classList={{ selected: searchParams().by === 'followed' }}>
+                  <button type="button" onClick={() => changeSearchParam('by', 'followed')}>
+                    {t('Followers')}
+                  </button>
+                </li>
+                <li classList={{ selected: searchParams().by === 'commented' }}>
+                  <button type="button" onClick={() => changeSearchParam('by', 'commented')}>
+                    {t('Discussing')}
+                  </button>
+                </li>
+              </ul>
             </div>
+            <div class="col-md-4">
+              <div class="mode-switcher">
+                {`${t('Show')} `}
+                <span class="mode-switcher__control">{t('All posts')}</span>
+              </div>
+            </div>
+
+            <h3 class="col-12">{title()}</h3>
           </div>
         </div>
 
-        <h3 class="col-12">{title()}</h3>
+        <Beside
+          title={t('Topics which supported by author')}
+          values={topicsByAuthor()[author().slug].slice(0, 5)}
+          beside={sortedArticles()[0]}
+          wrapper={'topic'}
+          topicShortDescription={true}
+          isTopicCompact={true}
+          isTopicInRow={true}
+          iconButton={true}
+        />
+        <Row3 articles={sortedArticles().slice(1, 4)} />
+        <Row2 articles={sortedArticles().slice(4, 6)} />
+        <Row3 articles={sortedArticles().slice(6, 9)} />
+        <Row3 articles={sortedArticles().slice(9, 12)} />
 
-        <div class="row">
-          <Beside
-            title={t('Topics which supported by author')}
-            values={topicsByAuthor()[author().slug].slice(0, 5)}
-            beside={sortedArticles()[0]}
-            wrapper={'topic'}
-            topicShortDescription={true}
-            isTopicCompact={true}
-            isTopicInRow={true}
-            iconButton={true}
-          />
-          <Row3 articles={sortedArticles().slice(1, 4)} />
-          <Row2 articles={sortedArticles().slice(4, 6)} />
-          <Row3 articles={sortedArticles().slice(6, 9)} />
-          <Row3 articles={sortedArticles().slice(9, 12)} />
+        <For each={pages()}>
+          {(page) => (
+            <>
+              <Row3 articles={page.slice(0, 3)} />
+              <Row3 articles={page.slice(3, 6)} />
+              <Row3 articles={page.slice(6, 9)} />
+            </>
+          )}
+        </For>
 
-          <For each={pages()}>
-            {(page) => (
-              <>
-                <Row3 articles={page.slice(0, 3)} />
-                <Row3 articles={page.slice(3, 6)} />
-                <Row3 articles={page.slice(6, 9)} />
-              </>
-            )}
-          </For>
-
-          <Show when={isLoadMoreButtonVisible()}>
-            <p class="load-more-container">
-              <button class="button" onClick={loadMore}>
-                {t('Load more')}
-              </button>
-            </p>
-          </Show>
-        </div>
+        <Show when={isLoadMoreButtonVisible()}>
+          <p class="load-more-container">
+            <button class="button" onClick={loadMore}>
+              {t('Load more')}
+            </button>
+          </p>
+        </Show>
       </Show>
     </div>
   )

From bee558834f07942538aab43fb39255dfec682728 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Mon, 21 Nov 2022 01:19:03 +0300
Subject: [PATCH 2/2] Minor style fix

---
 src/components/Views/AllAuthors.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Views/AllAuthors.tsx b/src/components/Views/AllAuthors.tsx
index 52addabb..19bbff17 100644
--- a/src/components/Views/AllAuthors.tsx
+++ b/src/components/Views/AllAuthors.tsx
@@ -182,7 +182,7 @@ export const AllAuthorsView = (props: Props) => {
           </Show>
 
           <Show when={searchParams().by && searchParams().by !== 'name'}>
-            <div class="row">
+            <div class={clsx(styles.stats, 'row')}>
               <div class="col-lg-10 col-xl-9">
                 <For each={sortedAuthors().slice(0, limit())}>
                   {(author) => (