From c29acf3a65eebf481c1dae46e03cf941f6d7be91 Mon Sep 17 00:00:00 2001
From: Benedikt Bastin <benedikt@benedikt-bastin.de>
Date: Sun, 17 Jan 2021 20:36:10 +0100
Subject: [PATCH] fix: Scroll only table, not figcaption

---
 dashboard_template.xhtml | 126 ++++++++++++++++++++-------------------
 site/rki-dashboard.css   |   5 ++
 2 files changed, 69 insertions(+), 62 deletions(-)

diff --git a/dashboard_template.xhtml b/dashboard_template.xhtml
index a25f592..b5f6eb9 100644
--- a/dashboard_template.xhtml
+++ b/dashboard_template.xhtml
@@ -34,68 +34,70 @@
 		<section>
 			<h1>Details</h1>
 			<figure>
-				<table>
-					<thead>
-						<tr>
-							<th rowspan="3">Land</th>
-							<th rowspan="2" colspan="2">
-								Impfungen<br />
-								gesamt
-							</th>
-							<th colspan="8">Impfung wegen<sup><a href="#footnote-006">6</a></sup></th>
-						</tr>
-						<tr>
-							<th colspan="2">Alter</th>
-							<th colspan="2">Beruf</th>
-							<th colspan="2">Gesundheit</th>
-							<th colspan="2">Pflegeheim</th>
-						</tr>
-						<tr>
-							<th>Anzahl</th>
-							<th>%</th>
-							<th>Anzahl</th>
-							<th>%</th>
-							<th>Anzahl</th>
-							<th>%</th>
-							<th>Anzahl</th>
-							<th>%</th>
-							<th>Anzahl</th>
-							<th>%</th>
-						</tr>
-					</thead>
-					<tbody>
-						{% for land in details_per_land %}
-						<tr>
-							<th>{{ land }}</th>
-							<td class="number">{{ details_per_land[land].total_vaccinations }}</td>
-							<td class="number">{{ details_per_land[land].total_vaccinations_percentage }} %</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_age }}</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_age_percentage }} %</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_job }}</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_job_percentage }} %</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_medical }}</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_medical_percentage }} %</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_oldhome }}</td>
-							<td class="number">{{ details_per_land[land].vaccination_reason_oldhome_percentage }} %</td>
-						</tr>
-						{% endfor %}
-					</tbody>
-					<tfoot>
-						<tr>
-							<th>Gesamt</th>
-							<td class="number">{{ details_total.total_vaccinations }}</td>
-							<td class="number">{{ details_total.total_vaccinations_percentage }} %</td>
-							<td class="number">{{ details_total.vaccination_reason_age }}</td>
-							<td class="number">{{ details_total.vaccination_reason_age_percentage }} %</td>
-							<td class="number">{{ details_total.vaccination_reason_job }}</td>
-							<td class="number">{{ details_total.vaccination_reason_job_percentage }} %</td>
-							<td class="number">{{ details_total.vaccination_reason_medical }}</td>
-							<td class="number">{{ details_total.vaccination_reason_medical_percentage }} %</td>
-							<td class="number">{{ details_total.vaccination_reason_oldhome }}</td>
-							<td class="number">{{ details_total.vaccination_reason_oldhome_percentage }} %</td>
-						</tr>
-					</tfoot>
-				</table>
+				<div>
+					<table>
+						<thead>
+							<tr>
+								<th rowspan="3">Land</th>
+								<th rowspan="2" colspan="2">
+									Impfungen<br />
+									gesamt
+								</th>
+								<th colspan="8">Impfung wegen<sup><a href="#footnote-006">6</a></sup></th>
+							</tr>
+							<tr>
+								<th colspan="2">Alter</th>
+								<th colspan="2">Beruf</th>
+								<th colspan="2">Gesundheit</th>
+								<th colspan="2">Pflegeheim</th>
+							</tr>
+							<tr>
+								<th>Anzahl</th>
+								<th>%</th>
+								<th>Anzahl</th>
+								<th>%</th>
+								<th>Anzahl</th>
+								<th>%</th>
+								<th>Anzahl</th>
+								<th>%</th>
+								<th>Anzahl</th>
+								<th>%</th>
+							</tr>
+						</thead>
+						<tbody>
+							{% for land in details_per_land %}
+							<tr>
+								<th>{{ land }}</th>
+								<td class="number">{{ details_per_land[land].total_vaccinations }}</td>
+								<td class="number">{{ details_per_land[land].total_vaccinations_percentage }} %</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_age }}</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_age_percentage }} %</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_job }}</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_job_percentage }} %</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_medical }}</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_medical_percentage }} %</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_oldhome }}</td>
+								<td class="number">{{ details_per_land[land].vaccination_reason_oldhome_percentage }} %</td>
+							</tr>
+							{% endfor %}
+						</tbody>
+						<tfoot>
+							<tr>
+								<th>Gesamt</th>
+								<td class="number">{{ details_total.total_vaccinations }}</td>
+								<td class="number">{{ details_total.total_vaccinations_percentage }} %</td>
+								<td class="number">{{ details_total.vaccination_reason_age }}</td>
+								<td class="number">{{ details_total.vaccination_reason_age_percentage }} %</td>
+								<td class="number">{{ details_total.vaccination_reason_job }}</td>
+								<td class="number">{{ details_total.vaccination_reason_job_percentage }} %</td>
+								<td class="number">{{ details_total.vaccination_reason_medical }}</td>
+								<td class="number">{{ details_total.vaccination_reason_medical_percentage }} %</td>
+								<td class="number">{{ details_total.vaccination_reason_oldhome }}</td>
+								<td class="number">{{ details_total.vaccination_reason_oldhome_percentage }} %</td>
+							</tr>
+						</tfoot>
+					</table>
+				</div>
 				<figcaption>
 					<a name="table-001"><span class="ref">Tabelle 1:</span></a>
 					Details der Impfungen, aufgeschlüsselt nach Ländern<br />
diff --git a/site/rki-dashboard.css b/site/rki-dashboard.css
index 0400057..b02fda0 100644
--- a/site/rki-dashboard.css
+++ b/site/rki-dashboard.css
@@ -63,6 +63,11 @@ figure figcaption .ref {
 }
 
 figure {
+	margin: 0px;
+	padding: 1em 0.2em;
+}
+
+figure div {
 	overflow-y: auto;
 }