mobile

styles/main.css

@@ -411,10 +411,16 @@ nav {
     visibility: hidden;
 }
 
+/* Prevent background scrolling while a modal is open */
+body.modal-open {
+    overflow: hidden;
+    touch-action: none;
+}
+
 .close {
-    position: absolute;
-    top: 10px;
-    right: 10px;
+    position: fixed;
+    top: 12px;
+    right: 12px;
     font-size: 2rem;
     background-color: var(--nav-btn-bg);
     border: 1px solid var(--nav-btn-border);
@@ -444,6 +450,8 @@ nav {
     position: relative;
     color: var(--text-color);
     transition: background-color 0.25s ease, color 0.25s ease;
+    max-height: calc(100vh - 48px);
+    overflow: auto;
 }
 
 /* Make images inside modals larger while constraining to viewport */