responsive

static/builder.js

@@ -298,6 +298,9 @@ document
             const iframe =
                 document.getElementById("pdf_iframe");
 
+            const pdflink =
+                document.getElementById("pdf_link");
+
 
             submitButton.disabled = true;
             loader.style.display = "block";
@@ -325,6 +328,9 @@ document
                 iframe.src = url;
                 iframe.style.display = "block";
 
+                pdflink.href = url;
+                pdflink.style.display = "block";
+
             } catch (err) {
 
                 console.error(err);

static/style.css

@@ -170,9 +170,13 @@
 
 
 #pdf_iframe {
-    width: 100%;
-    height: calc(100vh - 220px);
-    min-height: 500px;
+    width: min(100%, 1400px);
+    aspect-ratio: 297 / 210;
     border: 1px solid #ccc;
-    margin-top: 1rem;
+    margin: 1rem auto;
+}
+
+footer {
+    margin-top: 2em;
+    text-align: center
 }