main: fix the damn header

main/static/main/css/styles.css

@@ -3135,15 +3135,16 @@ p{
 }
 
 .bar1, .bar2, .bar3 {
-  width: 35px;
-  height: 5px;
   background-color: white;
+  display: block;
+  height: 2px;
   margin: 6px 0;
   transition: 0.4s;
+  width: 35px;
 }
 
 #menuToggle:checked + label .bar1 {
-  transform: rotate(-45deg) translate(-9px, 6px);
+  transform: rotate(-45deg) translate(-3px, 4px);
   background-color: black;
 }
 
@@ -3822,14 +3823,6 @@ p{
   padding-bottom: 1.5rem;
 }
 
-.pt-8{
-  padding-top: 2rem;
-}
-
-.pb-4{
-  padding-bottom: 1rem;
-}
-
 .pt-4{
   padding-top: 1rem;
 }

main/styleguide/source/css/organisms/navbar.pcss

@@ -80,11 +80,12 @@
 }
 
 .bar1, .bar2, .bar3 {
-  width: 35px;
-  height: 2px;
   background-color: white;
+  display: block;
+  height: 2px;
   margin: 6px 0;
   transition: 0.4s;
+  width: 35px;
 }
 
 #menuToggle:checked + label .bar1 {

main/templates/main/main_articles_page.html

@@ -37,7 +37,6 @@
                 <div id="showMoreTimelineResultsWrapper">
                   {% include 'main/blocks/articles_timeline_block.html' with article_data_list=article_timeline_list %}
                 </div>
-              </div>
                 <div class="flex justify-center">
                   <a
                     onclick="showMoreTimelineArticles(event, this)"
@@ -56,6 +55,7 @@
                 </div>
               </div>
             </div>
+          </div>
         </template>
         <template v-if="isCurrentView('articles')">
           <section class="grid-container mb-3 justify-start xl:mb-14">