From cee89f384cd1c5634f005dab042bd471edff37d4 Mon Sep 17 00:00:00 2001
From: Daniel Micay <danielmicay@gmail.com>
Date: Fri, 29 Jan 2021 22:21:38 -0500
Subject: [PATCH] avoid inline CSS to fix CSP issue

---
 static/install/web.html  | 4 ++--
 static/js/web-install.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/static/install/web.html b/static/install/web.html
index 0ee9ea82..858c0961 100644
--- a/static/install/web.html
+++ b/static/install/web.html
@@ -28,7 +28,7 @@
         <link rel="license" href="/LICENSE.txt"/>
         <script type="module" src="/js/redirect.js?9"></script>
         <script type="module" src="/js/fastboot/dist/fastboot.min.mjs?1"></script>
-        <script type="module" src="/js/web-install.js?5"></script>
+        <script type="module" src="/js/web-install.js?6"></script>
     </head>
     <body>
         <header>
@@ -182,7 +182,7 @@
                 <p>
                     <strong id="flash-release-status"></strong>
                     <!-- This appears as part of the status -->
-                    <button id="flash-reconnect-button" style="display: none;"><strong>Reconnect device</strong></button>
+                    <button id="flash-reconnect-button" hidden="hidden"><strong>Reconnect device</strong></button>
                 </p>
             </section>
 
diff --git a/static/js/web-install.js b/static/js/web-install.js
index 660fd02e..53596bf9 100644
--- a/static/js/web-install.js
+++ b/static/js/web-install.js
@@ -154,10 +154,10 @@ async function reconnectCallback() {
         "In order to continue flashing, you need to reconnect the device by tapping here:";
 
     let reconnectButton = document.getElementById("flash-reconnect-button");
-    reconnectButton.style.display = "inline-block";
+    reconnectButton.hidden = false;
     reconnectButton.onclick = async () => {
         await device.connect();
-        reconnectButton.style.display = "none";
+        reconnectButton.hidden = true;
     };
 }
 
