diff --git a/main/static/main/css/styles.css b/main/static/main/css/styles.css index 1987bd96d517eea59997ed8ceccf073db2bf8cb1..aaaff8161980f09679dc4f96bfe7aa425ae9383f 100644 --- a/main/static/main/css/styles.css +++ b/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; } diff --git a/main/styleguide/source/css/organisms/navbar.pcss b/main/styleguide/source/css/organisms/navbar.pcss index a8537e31632f2588d2c3f8b802648240712cb16b..cf28049578e99d7201bf1fa5192884c9a1f0dbd7 100644 --- a/main/styleguide/source/css/organisms/navbar.pcss +++ b/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 { diff --git a/main/templates/main/main_articles_page.html b/main/templates/main/main_articles_page.html index e55ddc9fd9537f6c8198e45a3ec36e5bee67d898..468d7d0cfff0cb39668f117d280b7dbc7aeabc05 100644 --- a/main/templates/main/main_articles_page.html +++ b/main/templates/main/main_articles_page.html @@ -37,22 +37,22 @@ <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)" - href="#" - data-url="{{ page_url }}?months=" - data-months="2" - class="btn btn__slide__wrap" - > - <span class="btn text-sm bg-black text-white px-1 lg:text-base"> - Zobrazit další - </span> - <span class="btn text-sm bg-white text-black px-1 lg:text-base"> - Zobrazit další - </span> - </a> + <div class="flex justify-center"> + <a + onclick="showMoreTimelineArticles(event, this)" + href="#" + data-url="{{ page_url }}?months=" + data-months="2" + class="btn btn__slide__wrap" + > + <span class="btn text-sm bg-black text-white px-1 lg:text-base"> + Zobrazit další + </span> + <span class="btn text-sm bg-white text-black px-1 lg:text-base"> + Zobrazit další + </span> + </a> + </div> </div> </div> </div>