Replace politicians' names with pictures

2025-05-24 12:03:25 +02:00 · 2025-05-24 12:03:25 +02:00 · f7101c521d
commit f7101c521d
parent b5649a6ea8
14 changed files with 31 additions and 17 deletions
--- a/app/assets/images/politicians/astrid.jpg
+++ b/app/assets/images/politicians/astrid.jpg
--- a/app/assets/images/politicians/bram.jpg
+++ b/app/assets/images/politicians/bram.jpg
--- a/app/assets/images/politicians/burak.jpg
+++ b/app/assets/images/politicians/burak.jpg
--- a/app/assets/images/politicians/cristophe.jpg
+++ b/app/assets/images/politicians/cristophe.jpg
--- a/app/assets/images/politicians/evita.jpg
+++ b/app/assets/images/politicians/evita.jpg
--- a/app/assets/images/politicians/filip.jpg
+++ b/app/assets/images/politicians/filip.jpg
--- a/app/assets/images/politicians/hafsa.jpg
+++ b/app/assets/images/politicians/hafsa.jpg
--- a/app/assets/images/politicians/joris.jpg
+++ b/app/assets/images/politicians/joris.jpg
--- a/app/assets/images/politicians/mathias.jpg
+++ b/app/assets/images/politicians/mathias.jpg
--- a/app/assets/images/politicians/sofie.jpg
+++ b/app/assets/images/politicians/sofie.jpg
--- a/app/assets/stylesheets/application.postcss.css
+++ b/app/assets/stylesheets/application.postcss.css
@ -113,8 +113,22 @@ input[type=submit] {
 }

 .politicians-listing {
+    display: grid;
+    grid-template-columns: 8vh 1fr;
+    gap: 1rem;
+}
+
+.politician-image {
+    max-width: 100%;
+    align-self: center;
+}
+
+.politician-answer {
+    align-self: stretch;
    display: flex;
-    flex-direction: row;
+    align-items: center;
+    border: 1px solid black;
+    padding: 0.5rem;
 }

 .acrostic-row {