fix(district,region): UI spacing and general fixes

region/templates/region/region_articles_page.html

 {% extends "region/base.html" %}
 
 {% block content %}
-  <main>
   <header>
     <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">{{ page.title }}</h1>
   </header>
@@ -13,6 +12,4 @@
   </div>
 
   {% include 'styleguide/2.3.x/pagination.html' with paginator=articles %}
-
-  </main>
 {% endblock %}

region/templates/region/region_center_page.html

@@ -3,7 +3,7 @@
 
 {% block subheader %}
   {% image page.get_background_photo width-1920 as bg_img %}
-  <aside class="hero hero--image py-16 " style="--image-url: url({{ bg_img.url }})">
+  <header class="hero hero--image py-16 " style="--image-url: url({{ bg_img.url }})">
     <div class="container container--default">
       <h1 class="head-alt-md md:head-alt-lg max-w-2xl">
         {{ page.title }}
@@ -12,7 +12,7 @@
         {{ page.perex }}
       </h2>
     </div>
-  </aside>
+  </header>
 {% endblock %}
 
 {% block container_spacing %}pt-8 lg:pb-16{% endblock %}
@@ -53,5 +53,4 @@
       </div>
     </div>
   </article>
-
 {% endblock %}

region/templates/region/region_contact_page.html

 {% extends "region/base.html" %}
 {% load wagtailcore_tags wagtailimages_tags shared_filters %}
 
+{% block container_spacing %}pt-8 pb-0 lg:py-16{% endblock %}
+
 {% block content %}
-  <article class="space-y-8 lg:space-y-16">
-    <div class="lg:flex lg:mt-8 space-y-16 lg:space-y-0 lg:space-x-8 xl:space-x-16 mb-5">
+  <div class="lg:flex space-y-8 lg:space-y-0 lg:space-x-8 xl:space-x-16 mb-8 lg:mb-16">
     <section class="lg:w-3/5 xl:w-2/3">
       <header>
         <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">{{ page.title }}</h1>
@@ -29,7 +30,7 @@
       </div>
     </section>
 
-      <section class="lg:w-2/5 xl:w-1/3 lg:pt-0">
+    <section class="lg:w-2/5 xl:w-1/3">
       <div class="lg:card lg:elevation-10">
         <div class="lg:card__body content-block">
 
@@ -86,5 +87,4 @@
   </div>
 
   {% include "shared/followus_snippet.html" %}
-  </article>
 {% endblock %}

region/templates/region/region_crossroad_page.html

 {% extends "region/base.html" %}
 {% load wagtailcore_tags %}
 
+{% block container_spacing %}pt-8 pb-0 lg:py-16{% endblock %}
+
 {% block content %}
-  <section class="pt-8 lg:py-24">
+  <div class="mb-8 lg:mb-16">
+    <header>
+      <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">{{ page.title }}</h1>
+    </header>
+
     {% for card_block in page.cards_content %}
       {% include_block card_block %}
     {% endfor %}
+
     {% for block in page.content %}
       <div class="content-block mb-8">
         {% include_block block %}
       </div>
     {% endfor %}
-  </section>
+  </div>
+
+  {% include "shared/followus_snippet.html" %}
 {% endblock %}

region/templates/region/region_custom_page.html

@@ -2,8 +2,7 @@
 {% load static wagtailcore_tags %}
 
 {% block content %}
-  <main>
-    <article class="pt-8 lg:py-24">
+  <article>
     <header>
       <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-4">
         {{ page.title }}
@@ -49,5 +48,4 @@
 
     </div>
   </article>
-  </main>
 {% endblock %}

region/templates/region/region_home_page.html

@@ -7,8 +7,9 @@
   {% endfor %}
 {% endblock subheader %}
 
+{% block container_spacing %}pt-8 lg:py-16{% endblock %}
+
 {% block content %}
-  <main {% if page.subheader %}class="py-8 lg:py-16"{% endif %}>
   <h2 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8">
     {{ page.articles_title }}
   </h2>
@@ -19,7 +20,7 @@
     {% endfor %}
   </div>
 
-    <div class="mb-8">
+  <div class="mb-8 lg:mb-16">
     {% include "shared/more_articles_snippet.html" %}
   </div>
 
@@ -36,5 +37,4 @@
   {% endif %}
 
   {% include "shared/followus_snippet.html" %}
-  </main>
 {% endblock %}

region/templates/region/region_people_page.html

@@ -8,13 +8,10 @@
     </h1>
   </header>
 
-    <main>
   {% for block in page.content %}
     {% include_block block %}
     {% if not forloop.last %}
       <hr class="hr--big">
     {% endif %}
   {% endfor %}
-    </main>
-
 {% endblock %}

region/templates/region/region_tags_page.html

 {% extends "region/base.html" %}
 
 {% block content %}
-  <main>
-
-    <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-4 mt-5">
+  <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-4">
     {% if tag %}{{ page.title }} "{{ tag.name }}"{% else %}Výběr z článků{% endif %}
   </h1>
 
+  <div class="space-y-8">
     <div class="article-card-list grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-8">
       {% for a in article_page_list %}
         {% include "shared/article_preview.html" with article=a %}
@@ -15,17 +14,19 @@
 
     {% include 'styleguide/2.3.x/pagination.html' with paginator=article_page_list %}
 
-    <h2 class="mt-8 head-alt-base">Další štítky:</h2>
+    <div>
+      <h2 class="head-heavy-base mb-4">Další štítky</h2>
 
-    <div class="inline-block-nogap mt-4">
+      <nav class="inline-block-nogap">
         {% for tag in tag_list %}
           <a
             href="{{ page.url }}?tag={{ tag.slug }}"
-          class="btn article-card__category-button btn--condensed text-sm font-light btn--grey-{% if tag.slug == request.GET.tag %}500{% else %}125{% endif %} btn--hoveractive"
+            class="btn btn--condensed font-light text-sm btn--grey-{% if tag.slug == request.GET.tag %}500{% else %}125{% endif %} btn--hoveractive mr-1 mb-1 inline-block"
           >
             <div class="btn__body ">{{ tag.name }} ({{ tag.count }})</div>
           </a>
         {% endfor %}
+      </nav>
+    </div>
   </div>
-  </main>
 {% endblock %}

shared/templates/shared/followus_snippet.html

 <div class="flex flex-col lg:flex-row lg:space-x-8">
-  <a href="{% firstof page.facebook page.root_page.facebook %}"
-     class="super-button bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-1/2 m-2">
+    <a
+        href="{% firstof page.facebook page.root_page.facebook %}"
+        class="super-button bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-1/2"
+    >
         <span class="super-button__body">Sledujte nás na Facebooku</span>
         <i class="super-button__icon ico--facebook"></i>
     </a>
 
-  <a href="{% firstof page.forum page.root_page.forum %}"
-     class="super-button bg-black text-white container-padding--zero lg:container-padding--auto lg:w-1/2 m-2">
+    <a
+        href="{% firstof page.forum page.root_page.forum %}"
+        class="super-button bg-black text-white container-padding--zero lg:container-padding--auto lg:w-1/2"
+    >
         <span class="super-button__body">Sledujte naše fórum</span>
         <i class="super-button__icon ico--bubbles"></i>
     </a>

shared/templates/shared/followus_snippet_column.html

-<div class="flex flex-col lg:space-y-4">
+<div class="flex flex-col lg:space-y-8">
   <a href="{% firstof page.facebook page.root_page.facebook %}"
      class="super-button bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-full">
     <span class="super-button__body">Sledujte nás na Facebooku</span>

shared/templates/styleguide/2.3.x/pagination.html

 {% load wagtailcore_tags shared_tags %}
 
+{% if paginator.has_previous or paginator.has_next %}
   <div class="pagination-container">
     <nav class="pagination space-x-1">
 
@@ -37,3 +38,4 @@
 
     </nav>
   </div>
+{% endif %}