More content-block related fixes

source/_patterns/03-templates/pirate-center.mustache

@@ -17,57 +17,59 @@
 <div class="container container--default pt-8 lg:pb-16">
   <article>
     <div class="lg:flex lg:space-x-8 xl:space-x-16">
-      <div class="lg:w-3/5 xl:w-2/3 content-block">
-        <h2>Cowork</h2>
-        <p>
-          Pirátské centrum nabízí bezplatný prostor pro coworking, tedy sdílenou
-          kancelář. K dispozici jsou 4 pracovní místa a sdílená konferenční
-          místnost s projektorem. Samozřejmostí je připojení k internetu a
-          možnost tisku. Není problém domluvit i dlouhodobé využívání sdílené
-          kanceláře, v takovém případě velmi oceníme účelový dar na provoz
-          centra.
-        </p>
-        {{> atoms-icon-button(cta: "Provozní řád", icon: "ico--chevron-right", classes: "btn--black btn--hoveractive btn--fullwidth md:btn--autowidth") }}
-        <h2>Chci podpořit provoz</h2>
-        <p>
-          Pokud chcete ParduPiCe podpořit, můžete nám poslat účelový dar na jeho provoz převodem na účet. Pro platbu použijte následující údaje:
-        </p>
-        <table class="w-full">
-          <tbody>
-            <tr>
-              <td class="font-bold">Číslo transparentního účtu</td>
-              <td>2100048174/2010</td>
-            </tr>
-            <tr>
-              <td class="font-bold">Specifický symbol</td>
-              <td>400802</td>
-            </tr>
-          </tbody>
-        </table>
+      <div class="lg:w-3/5 xl:w-2/3">
+        <div class="content-block">
+          <h2>Cowork</h2>
+          <p>
+            Pirátské centrum nabízí bezplatný prostor pro coworking, tedy sdílenou
+            kancelář. K dispozici jsou 4 pracovní místa a sdílená konferenční
+            místnost s projektorem. Samozřejmostí je připojení k internetu a
+            možnost tisku. Není problém domluvit i dlouhodobé využívání sdílené
+            kanceláře, v takovém případě velmi oceníme účelový dar na provoz
+            centra.
+          </p>
+          {{> atoms-icon-button(cta: "Provozní řád", icon: "ico--chevron-right", classes: "btn--black btn--hoveractive btn--fullwidth md:btn--autowidth") }}
+          <h2>Chci podpořit provoz</h2>
+          <p>
+            Pokud chcete ParduPiCe podpořit, můžete nám poslat účelový dar na jeho provoz převodem na účet. Pro platbu použijte následující údaje:
+          </p>
+          <table class="w-full">
+            <tbody>
+              <tr>
+                <td class="font-bold">Číslo transparentního účtu</td>
+                <td>2100048174/2010</td>
+              </tr>
+              <tr>
+                <td class="font-bold">Specifický symbol</td>
+                <td>400802</td>
+              </tr>
+            </tbody>
+          </table>
 
-        <h2>Dětský koutek</h2>
-        <p>Pro rodiče nabízíme vybavený dětský koutek s pracovním místem. Dětský koutek je vybaven hračkami pro děti všech věkových kategorií.</p>
+          <h2>Dětský koutek</h2>
+          <p>Pro rodiče nabízíme vybavený dětský koutek s pracovním místem. Dětský koutek je vybaven hračkami pro děti všech věkových kategorií.</p>
 
-        <h2>Pořádání akcí</h2>
-        <p>V rámci pirátského centra probíhají akce všeho druhu:</p>
+          <h2>Pořádání akcí</h2>
+          <p>V rámci pirátského centra probíhají akce všeho druhu:</p>
 
-        <ul>
-          <li>Přednášky</li>
-          <li>Vzdělávací akce</li>
-          <li>Workshopy</li>
-          <li>Přednášky</li>
-          <li>Kulturní akce</li>
-        </ul>
+          <ul>
+            <li>Přednášky</li>
+            <li>Vzdělávací akce</li>
+            <li>Workshopy</li>
+            <li>Přednášky</li>
+            <li>Kulturní akce</li>
+          </ul>
 
-        <p>Máte námět na vlastní akci? Dejte nám vědět. ParduPiCe je zdarma k dispozici pro akce nekomerční povahy.</p>
+          <p>Máte námět na vlastní akci? Dejte nám vědět. ParduPiCe je zdarma k dispozici pro akce nekomerční povahy.</p>
+        </div>
 
-        <h2>Kalendář akcí</h2>
-        <p>
+        <h2 class="head-heavy-sm mb-4 mt-4">Kalendář akcí</h2>
+        <div class="mb-4">
           {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
           {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
           {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
           {{> molecules-calendar-table-row(classes: "calendar-table-row--standalone") }}
-        </p>
+        </div>
 
         {{> atoms-icon-button(cta: "Další akce", icon: "ico--chevron-right", classes: "btn--orange-300 btn--hoveractive btn--fullwidth md:btn--autowidth") }}
       </div>

source/css/molecules/content-block.pcss

@@ -55,6 +55,7 @@
     @apply text-sm;
   }
 
+  /* Contact lines are quite frequent so these are blacklisted for anchor style specifically. */
   a:not(.contact-line) {
     @apply underline;
   }