From ec8ffec872a4b6dd35b309e4f5448cf7989d6652 Mon Sep 17 00:00:00 2001
From: Aldrik Ramaekers <aldrik@mailbox.org>
Date: Sat, 25 Apr 2026 17:51:14 +0200
Subject: mobile

---
 templates/names_template.html  |  8 +++++++-
 templates/person_template.html | 13 ++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

(limited to 'templates')

diff --git a/templates/names_template.html b/templates/names_template.html
index 03e617cd..9ebdd4fd 100644
--- a/templates/names_template.html
+++ b/templates/names_template.html
@@ -62,9 +62,15 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
         a,a:active,a:hover {
             color: black;
         }
diff --git a/templates/person_template.html b/templates/person_template.html
index 7de07f53..d4cc049e 100644
--- a/templates/person_template.html
+++ b/templates/person_template.html
@@ -62,9 +62,16 @@
             text-align: center;
             padding: 0;
             display: flex;
-            width: 600px;
+            max-width: 600px;
             margin: auto;
         }
+
+        @media (max-width: 550px) {
+            .navbar ul {
+                display: block;
+            }
+        }
+
         a,a:active,a:hover {
             color: black;
         }
@@ -85,7 +92,7 @@
         .person-list {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .person {
@@ -123,7 +130,7 @@
         .parents {
             display: flex;
             flex-direction: row;
-            width: 1200px;
+            max-width: 1200px;
             margin: auto;
         }
         .parents .person {
-- 
cgit v1.2.3-70-g09d2