From 9700d18246d7a3ad78735471459f246451f41008 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 2 Feb 2024 22:41:00 -0800
Subject: [PATCH] Apply same styling to output as to form

Ensures same spacing between output child elements and the rest of the form.
---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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;
     }
 
-- 
2.47.3