diff --git a/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache b/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache
index 6bbd69e05c2cb4b52016535e81fc051996434367..95dec60054a32e62702c15d9385e1899f859234d 100644
--- a/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache
+++ b/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache
@@ -1,12 +1,27 @@
 <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">
-    {{> atoms-basic-button(classes: "text-sm" )}}
-    {{> atoms-basic-button(classes: "text-base" )}}
-    {{> atoms-basic-button(classes: "text-lg" )}}
+  <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>
+      {{> atoms-basic-button(classes: "text-lg", bodyClasses: "py-4 leading-5" )}}
+    </div>
   </div>
-  <div class="inline-flex flex-col space-y-2">
-    {{> atoms-basic-button(classes: "text-sm btn--condensed" )}}
-    {{> atoms-basic-button(classes: "text-base btn--condensed" )}}
-    {{> atoms-basic-button(classes: "text-lg btn--condensed" )}}
+  <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>
diff --git a/source/_patterns/02-organisms/01-candidates/candidate-table-collapsible.mustache b/source/_patterns/02-organisms/01-candidates/candidate-table-collapsible.mustache
new file mode 100644
index 0000000000000000000000000000000000000000..d35fcdf6501d782211b2facd2bbabe9ce67de7e1
--- /dev/null
+++ b/source/_patterns/02-organisms/01-candidates/candidate-table-collapsible.mustache
@@ -0,0 +1,41 @@
+<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
diff --git a/source/_patterns/03-templates/candidate-listing.mustache b/source/_patterns/03-templates/candidate-listing.mustache
new file mode 100644
index 0000000000000000000000000000000000000000..b6370d66b3e467891eea3cfb8e25a51c3652e11b
--- /dev/null
+++ b/source/_patterns/03-templates/candidate-listing.mustache
@@ -0,0 +1,16 @@
+{{> 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 }}