From f2e39406302c3b79a608a6f20e058a084401c6eb Mon Sep 17 00:00:00 2001
From: 53hornet <atc@53hor.net>
Date: Tue, 20 Jul 2021 15:54:52 -0400
Subject: fixed modals extending past viewport on mobile

---
 header.php | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/header.php b/header.php
index d1607f7..42925fa 100644
--- a/header.php
+++ b/header.php
@@ -236,6 +236,11 @@
 			font-size: 1.5em;
 		}
 
+		.modal .card {
+			max-height: 90%;
+			max-width: 60%;
+		}
+
 		.modal a,
 		.card a.button {
 			float: right;
@@ -246,6 +251,10 @@
 			justify-content: center;
 			align-items: center;
 		}
+
+		:target.modal .card {
+			overflow: auto;
+		}
 	</style>
 	<link rel="preconnect" href="https://fonts.gstatic.com" />
 	<link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Indie+Flower&family=PT+Sans&display=swap" rel="stylesheet" />
-- 
cgit v1.2.3