1 files changed, 32 insertions, 20 deletions
diff --git a/templates/toplist.html.ep b/templates/toplist.html.ep
index f639e36..d3bda6f 100644
--- a/templates/toplist.html.ep
+++ b/templates/toplist.html.ep
@@ -1,22 +1,34 @@
-%= include 'topform';
+<div class="container">
+  <ul class="collapsible" data-collapsible="accordion">
+    <li>
+      <div class="collapsible-header">Form</div>
+      <div class="collapsible-body">
+        <div style="padding: 0 0.75rem">
+          %= include 'topform';
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
 
 % if (@{$toplist} == 0) {
-<div class="error">
-Keine Daten mit diesen Parametern gefunden.
-</div>
-% }
-% else {
-<div class="toplist">
-<table>
-<tr><th>Meldung</th><th>Anteil</th><th>Anzahl</th></tr>
-% my $max = stash('toplist')->[0][2];
-% for my $entry (@{ stash('toplist') // [] }) {
-% my ($desc, $percent, $raw) = @{$entry};
-<tr>
-<td style="position: relative;"><div style="z-index: -1; position: absolute; width:<%= int($raw * 100 / $max) %>%; background-color: #e2e2e2;">&nbsp;</div><%= $desc %></td>
-<td><%= $percent %></td>
-<td><%= $raw %></td></tr>
-% }
-</table>
-</div>
-% }
+  <div class="error">
+    Keine Daten mit diesen Parametern gefunden.
+  </div>
+  % }
+  % else {
+    <div class="toplist">
+      <table>
+        <tr><th>Meldung</th><th>Anteil</th><th>Anzahl</th></tr>
+        % my $max = stash('toplist')->[0][2];
+        % for my $entry (@{ stash('toplist') // [] }) {
+          % my ($desc, $percent, $raw) = @{$entry};
+          <tr>
+            <td style="position: relative;"><div style="z-index: -1; position: absolute; width:<%= int($raw * 100 / $max) %>%; background-color: #e2e2e2;">&nbsp;</div><%= $desc %></td>
+            <td><%= $percent %></td>
+            <td><%= $raw %></td>
+          </tr>
+          % }
+        </table>
+      </div>
+      % }