From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 3 Feb 2024 06:41:00 +0000 (-0800)
Subject: Apply same styling to output as to form
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=9700d18246d7a3ad78735471459f246451f41008;p=static-encrypt

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 aa1fc7e..737d401 100644
--- 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;
     }