Apply same styling to output as to form

Ensures same spacing between output child elements and the rest of the form.

diff --git a/index.html b/index.html
index aa1fc7ece86b989e293d979958f31dcddcfc5377..737d401950c3cd7635c75ef47bfc7ed4afa1ea34 100644 (file)
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
       align-self: start;
     }
 
-    form {
+    form, output {
       inline-size: min(100dvi - 16px, 720px);
       display: flex;
       flex-direction: column;
@@ -216,7 +216,7 @@
     import { decrypt } from '/decrypt.js';
 
     function setOutput(ciphertext) {
-      document.querySelector('#output').style.display = 'block';
+      document.querySelector('#output').style.setProperty('display', 'flex');
       document.querySelector('#ciphertext').textContent = ciphertext;
     }