[FIX]

article

main/templates/main/blocks/article_download_block.html

-<div class="grid-container px-4 mb-4 bg-grey-150 xl:mb-20">
+<div class="grid-container flex xl:grid mb-4 bg-grey-150 xl:mb-20 py-5">
   <div class="flex justify-start xl:justify-end grid-left-side">
-        <i class="ico--download text-6xl mr-12 pt-5 pb-5"></i>
+    <i class="ico--download p-2 text-3xl md:text-4xl xl:text-7xl xl:mr-12"></i>
   </div>
   <div class="grid-content flex items-center flex-wrap gap-3">
-        <div class="flex items-center bg-white p-3 h-11 mr-3">
+    <div class="flex items-center bg-white h-11 p-1 mr-3">
       <span class="font-bold mr-1">Stáhnout soubor: </span>
       <span>{{ self.file }}</span>
     </div>
     <a href="{{ self.file.url }}" class="btn btn__slide__wrap h-11 p-0" download>
-            <span class="btn text-sm bg-black text-white w-32 lg:text-base">Stáhnout</span>
-            <span class="btn text-sm bg-white text-black w-32 lg:text-base">Stáhnout</span>
+      <span class="btn text-lg bg-black text-white w-32 lg:text-base">Stáhnout</span>
+      <span class="btn text-lg bg-white text-black w-32 lg:text-base">Stáhnout</span>
     </a>
   </div>
 </div>
\ No newline at end of file

main/templates/main/blocks/article_image_block.html

 {% load wagtailimages_tags %}
 
-<div class="grid-container px-3 pt-3 mb-4 bg-grey-150 xl:pt-0 xl:mb-20">
+<div class="grid-container px-3 py-3 mb-4 bg-grey-150 xl:py-0 xl:mb-20">
     <div class="grid-content-with-right-side flex flex-wrap gap-3 xl:gap-5">
         {% image self.image max-500x500 as image %}
         <img src="{{ image.url }}"
              alt="" class="w-full max-w-sm">
         <div class="flex flex-col justify-between">
-            <a href="{{ self.href }}" class="mt-0 xl:mt-8 mb-2 font-bold hover:no-underline leading-5">
+            <a href="{{ self.href }}" class="mt-4 xl:mt-8 mb-2 font-bold hover:no-underline leading-5">
                 {{ self.text }}
             </a>
-            <span class="text-sm text-grey-200 uppercase mb-0 xl:mb-6">zdroj: {{ self.href }}</span>
+            <span class="text-sm text-grey-200 uppercase mb-4 xl:mb-6">zdroj: {{ self.href }}</span>
         </div>
     </div>
 </div>
\ No newline at end of file

main/templates/main/blocks/article_quote_block.html

-<div class="grid-container px-4 mb-4 bg-grey-150 pt-10 lg:mb-20">
-    <div class="grid-left-side flex justify-start xl:justify-end">
-        <i class="ico--code text-7xl mr-12"></i>
+<div class="grid-container flex xl:grid mb-4 bg-grey-150 xl:mb-20 py-5">
+  <div class="grid-left-side flex lg:justify-end">
+    <span class="quote-icon p-2 xl:mr-12 font-alt">”</span>
   </div>
     <div class="flex flex-col grid-content">
-        <span class="head-4xl">{{ self.quote }}</span>
+        <span class="text-3xl head-4xl xl:text-4xl">{{ self.quote }}</span>
         <span class="font-alt text-turquoise-500 mb-6">– {{ self.autor_name }}</span>
     </div>
 </div>
\ No newline at end of file

main/templates/main/includes/layout/photo_page_header.html

@@ -8,13 +8,13 @@
   <div class="grid-content-with-right-side header-max-width pt-40 sm:pt-0">
     <div class="pl-4 pr-2 col-start-1 col-end-3 sm:col-start-2 sm:col-end-13 sm:pr-0">
       <div class="text-lg sm:text-3xl text-green-500 mb-4 font-medium sm:mb-8">
-         <span>{{ before_title | default_if_none:"" }}</span>
+                <span class="text-2xl">{{ before_title | default_if_none:"" }}</span>
+            </div>
       <h1 class="font-alt text-white text-3xl md:text-5xl leading-9 sm:leading-none lg:text-6xl">
-        <span class="font-alt text-7xl">{{ page.title | default_if_none:"" }}</span><span class="text-2xl">{{ after_title | default_if_none:"" }}</span><br>
+        <span class="font-alt">{{ page.title | default_if_none:"" }}</span><span class="text-2xl">{{ after_title | default_if_none:"" }}</span><br>
         <span class="font-alt">{{ subtitle | default_if_none:"" }}</span>
       </h1>
     </div>
   </div>
   </div>
-  </div>
 </header>

main/templates/main/main_article_page.html

@@ -8,10 +8,21 @@
   {% endwith %}
   {#    {% routablepageurl page.root_page.articles_page "tags" as articles_tag_page_url %}#}
   <main role="main" class="mb-10 xl:mb-32">
-    <div class="grid-container mb-2 lg:mb-12">
+    <div class="grid-container mb-2 lg:mb-12 relative">
       <div class="grid-left-side h-full bg-grey-150 left-tab">
-        <div class="p-6">
+        <div class="p-6 flex flex-wrap flex-row items-center justify-between xl:items-start xl:flex-col">
           <span class="font-bold 3xl:text-xl">AUTOR ČLÁNKU: <br> {{ page.author }}</span><br>
+{#        <div class="flex flex-row static bottom-0 xl:absolute sm:bottom-5">#}
+{#            <a href="" class="flex hover:no-underline">#}
+{#              <i class="ico--facebook mx-1"></i>#}
+{#            </a>#}
+{#            <a href="" class="flex hover:no-underline">#}
+{#              <i class="ico--twitter mx-2"></i>#}
+{#            </a>#}
+{#            <a href="" class="flex hover:no-underline">#}
+{#              <i class="ico--instagram mx-1"></i>#}
+{#            </a>#}
+{#        </div>#}
         </div>
       </div>
       <div class="grid-content leading-6">