Removed redundant block on the topic page

src/components/Views/Topic.tsx

@@ -122,9 +122,7 @@ export const TopicView = (props: TopicProps) => {
           wrapper={'author'}
         />
 
-        <Show when={searchParams().by === 'recent'}>
         <Slider title={title()} articles={sortedArticles().slice(5, 11)} />
-        </Show>
 
         <Beside
           beside={sortedArticles()[12]}
@@ -133,26 +131,6 @@ export const TopicView = (props: TopicProps) => {
           wrapper={'top-article'}
         />
 
-        <Show when={searchParams().by !== 'recent'}>
-          <div class={clsx(styles.floorImportant, 'row floor floor--important')}>
-            <div class="container">
-              <div class="row">
-                <h3 class="col-12">{title()}</h3>
-                <For each={sortedArticles().slice(0, 6)}>
-                  {(article) => (
-                    <div class="col-md-6">
-                      <ArticleCard
-                        article={article}
-                        settings={{ isFloorImportant: true, isBigTitle: true }}
-                      />
-                    </div>
-                  )}
-                </For>
-              </div>
-            </div>
-          </div>
-        </Show>
-
         <Show when={sortedArticles().length > 5}>
           <Row3 articles={sortedArticles().slice(13, 16)} />
           <Row2 articles={sortedArticles().slice(16, 18)} />

src/styles/app.scss

@@ -456,7 +456,7 @@ figcaption {
   font-weight: bold;
   list-style: none;
   margin: 2.4rem 0 0;
-  //padding: 0;
+  padding: 0;
 
   .all-topics-page & {
     @include media-breakpoint-down(sm) {