From 0c7dc7cf1b7cf5b1aae0b37781ded0c610e85b62 Mon Sep 17 00:00:00 2001
From: Shandar Denys <msden.ua@gmail.com>
Date: Thu, 9 Nov 2023 22:17:13 +0200
Subject: [PATCH] fix visibility

---
 index.html   | 6 +++---
 web-test.mjs | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 65cbdb6..5b3c36c 100644
--- a/index.html
+++ b/index.html
@@ -11,11 +11,11 @@
 <button id="download" height="10">Download</button>
 Log:
 <br>
-    <pre id="log" style="height: 5pc; overflow-y: scroll;background-color: lightgray;"></pre>
+    <pre id="log" style="height: 5pc; overflow-y: scroll; background-color: lightgray;"></pre>
 Output:
 <br>
-    <img id="output-image" style="visibility: hidden;" alt="Image">
-    <pre id="output-text" style="visibility: hidden; height: 30pc; overflow-y: scroll;background-color: lightgray;"></pre>
+    <img id="output-image" style="display: none;" alt="Image">
+    <pre id="output-text" style="display: none; height: 30pc; overflow-y: scroll; background-color: lightgray;"></pre>
   </body>
   <script type="module" src="web-test.mjs"></script>
 </html>
diff --git a/web-test.mjs b/web-test.mjs
index f788c46..f27880f 100644
--- a/web-test.mjs
+++ b/web-test.mjs
@@ -34,14 +34,14 @@ document.getElementById('download').addEventListener('click', () => {
       const image = new Blob([buffer], { type: 'image/jpeg' });
       const imageUrl = URL.createObjectURL(image);
       // @ts-ignore
-      document.getElementById('output-image').style.visibility = 'visible'
+      document.getElementById('output-image').style.display = 'block'
       // @ts-ignore
       document.getElementById('output-image').src = imageUrl;
       return
     }
 
     // @ts-ignore
-    document.getElementById('output-text').style.visibility = 'visible'
+    document.getElementById('output-text').style.display = 'block'
     // @ts-ignore
     document.getElementById('output-text').innerText =  new TextDecoder().decode(buffer)
   })
@@ -49,7 +49,7 @@ document.getElementById('download').addEventListener('click', () => {
 
 const reset = () => {
   // @ts-ignore
-  document.getElementById('output-image').style.visibility = 'hidden'
+  document.getElementById('output-image').style.display = 'none'
   // @ts-ignore
-  document.getElementById('output-text').style.visibility = 'hidden'
+  document.getElementById('output-text').style.display = 'none'
 }
\ No newline at end of file