Merge branch 'ui_styleguide' into ui_koalicni

source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache

 <div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
-  <div class="inline-flex flex-col space-y-2">
+  <div class="space-y-2">
+    <div>
       {{> atoms-basic-button(classes: "text-sm" )}}
+    </div>
+    <div>
       {{> atoms-basic-button(classes: "text-base" )}}
+    </div>
+    <div>
       {{> atoms-basic-button(classes: "text-lg" )}}
     </div>
-  <div class="inline-flex flex-col space-y-2">
+    <div>
+      {{> atoms-basic-button(classes: "text-lg", bodyClasses: "py-4 leading-5" )}}
+    </div>
+  </div>
+  <div class="space-y-2">
+    <div>
       {{> atoms-basic-button(classes: "text-sm btn--condensed" )}}
+    </div>
+    <div>
       {{> atoms-basic-button(classes: "text-base btn--condensed" )}}
+    </div>
+    <div>
       {{> atoms-basic-button(classes: "text-lg btn--condensed" )}}
     </div>
   </div>
+</div>

source/_patterns/02-organisms/01-candidates/candidate-table-collapsible.mustache

+<div class="candidate-table container-padding--zero lg:container-padding--auto">
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  {{> molecules-candidate-table-row }}
+  <div class="candidates-list-collapsing-part transition-all duration-1000 max-h-0 overflow-hidden">     
+    {{> molecules-candidate-table-row }}
+    {{> molecules-candidate-table-row }}
+    {{> molecules-candidate-table-row }}
+    {{> molecules-candidate-table-row }}
+  </div>
+</div>
+<div class="pt-11 text-center">
+  {{> atoms-icon-button(icon: "ico--chevron-right", classes: "showfulltable text-lg", bodyClasses: "py-4 px-11 leading-5" ) }}
+</div>
+<script>
+ //collapse toggle
+ //assumes only one present on page
+ var anchorShowFull = document.getElementsByClassName('showfulltable');
+
+ if(anchorShowFull !== null) {
+
+  for (var i = 0; i < anchorShowFull.length; i++) {
+   anchorShowFull[i].addEventListener('click', function(e){
+     e.preventDefault();
+     var candidatestable = document.getElementsByClassName("candidate-table");
+     //if fadeout
+     //candidatestable[0].classList.remove("candidate-table--fadeout");
+     var collapsepart = document.getElementsByClassName("candidates-list-collapsing-part");
+     collapsepart[0].style.maxHeight=collapsepart[0].scrollHeight + "px";
+     this.remove();
+   });
+  }
+ }
+</script>
\ No newline at end of file

source/_patterns/03-templates/candidate-listing.mustache

+{{> organisms-header }}
+
+<div class="container container--default py-8 lg:py-24">
+  <section class="text-center">
+  	<h1 class="head-alt-md mb-8">Výpis kandidátů</h1>
+
+    <main>
+      {{> organisms-candidate-card-list }}
+
+      {{> organisms-candidate-table-collapsible }}
+
+    </main>
+  </section>
+</div>
+
+{{> organisms-footer }}