fblanke/tvstud-download-digital
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use flex layout

Browse Source
This commit is contained in:
Felix Blanke 2023-08-27 16:16:30 +02:00
parent 4a99d42852
commit 29f33b2b9b
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/style.css
View File

@ -1,6 +1,13 @@
.container {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
gap: 15px;
align-items: flex-start;
}
p { p {
font-family: sans-serif; font-family: sans-serif;
margin: 10px;
} }
a { a {
@ -8,15 +15,16 @@ a {
color: black; color: black;
} }
img {
max-width: 600px;
}
.dataframe { .dataframe {
border-collapse: collapse; border-collapse: collapse;
margin: 25px 0;
font-size: 0.9em; font-size: 0.9em;
font-family: sans-serif; font-family: sans-serif;
min-width: 400px; min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
float: left;
margin: 10px;
} }
.dataframe thead tr { .dataframe thead tr {

6
templates/base.html
View File

@ -5,8 +5,12 @@
<title>Digitale Beschäftigtenbefragung</title> <title>Digitale Beschäftigtenbefragung</title>
<p>Daten abgerufen: {{ timestamp }}</p> <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> <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>
{{ tables|safe }} <div class="container">
<img src="{{ image }}"/>
{{ tables|safe }}
</div>