From 317bebc7a851a7978b765e22bceab6957dc14d73 Mon Sep 17 00:00:00 2001
From: "Peter J. Holzer" <hjp@hjp.at>
Date: Sun, 29 Aug 2021 11:41:52 +0200
Subject: [PATCH] Add a bit more space and restrict image size by viewport
 height

---
 pt/static/style.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/pt/static/style.css b/pt/static/style.css
index e72f667..17a0248 100644
--- a/pt/static/style.css
+++ b/pt/static/style.css
@@ -17,6 +17,7 @@ h1 {
     display: grid;
     grid-template-columns: auto auto;
     grid-template-rows: 1fr auto;
+    gap: 2em;
 }
 
 #hdr { grid-column: 1 / span 2; grid-row: 1; }
@@ -80,6 +81,6 @@ header {
 .pic img {
     text-align: center;
     vertical-align: middle;
-    max-width: 48vw;
-    max-height: 48vw;
+    max-width:  min(48vw, calc(100vh - 13rem));
+    max-height: min(48vw, calc(100vh - 13rem));
 }