From 0e1689196144fb4c8ae16033e36c39dfd25a9283 Mon Sep 17 00:00:00 2001
From: Felix Blanke <felixblanke@uni-bonn.de>
Date: Sun, 27 Aug 2023 23:10:34 +0200
Subject: [PATCH] Refactor CSS

---
 static/style.css    |  9 +++------
 templates/base.html | 11 +++++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/static/style.css b/static/style.css
index 158f8c8..34aadbc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,8 +1,8 @@
-.container {
+main {
     display: flex;
     flex-flow: row wrap;
     justify-content: space-around;
-    gap: 15px;
+    gap: 1em;
     align-items: flex-start;
 }
 
@@ -15,16 +15,13 @@ a {
     color: black;
 }
 
-img {
-    max-width: 600px;
-}
-
 .dataframe {
     border-collapse: collapse;
     font-size: 0.9em;
     font-family: sans-serif;
     min-width: 400px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+    flex-grow: 1;
 }
 
 .dataframe thead tr {
diff --git a/templates/base.html b/templates/base.html
index dd1a66a..934fb0a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -6,11 +6,14 @@
 <title>Digitale Beschäftigtenbefragung</title>
 
 
+<article>
+<header>
 <p>Daten abgerufen: {{ timestamp }}</p>
-
 <p><i>Hinweis:</i> Die Daten entstammen der <a href="https://zusammen-geht-mehr.verdi.de/beschaeftigtenbefragung">Karte der digitalen Beschäftigtenbefragung</a> und sind dort nur für die ver.di-Bezirke auf Bezirksebene aufgelöst, bei denen TVStud auch als Schwerpunkt angegeben ist.</p>
+</header>
 
-<div class="container">
-    <img src="{{ image }}"/>
+<main>
+    <img src="{{ image|safe }}"/>
     {{ tables|safe }}
-</div>
+</main>
+</article>