hide switch btn until camera loads

templates/browser-detect.html

@@ -30,14 +30,14 @@
 
         <video id="webcam" style="display:none" autoplay="" playsinline=""></video>
         <div class="canvas_wrapper" id="canvas_wrapper">
-            <button id="switch-camera" style="position: absolute; top:10px; left:10px; padding:5px; height:40px; width:40px; text-align: center; border-radius: 12.25px; font-size: 20px; font-weight: 900; border:none;   background-color: #f2f2f2; color:black;
+            <button id="switch-camera" style="display:none; position: absolute; top:10px; left:10px; padding:5px; height:40px; width:40px; text-align: center; border-radius: 12.25px; font-size: 20px; font-weight: 900; border:none;   background-color: #f2f2f2; color:black;
   box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.38); z-index:100">
                 <span>⟳</span>
             </button>
             <canvas class="output_canvas" id="output_canvas" width="100%" height="300%"></canvas>
             <center>
-                <button id="webcamButton">
-                    <span>ENABLE WEBCAM</span>
+                <button id="webcamButton" style="font-weight: 600; color:black;">
+                    <span>Enable Webcam</span>
                 </button>
             </center>
         </div>
@@ -179,6 +179,7 @@
                     else {
                         webcamRunning = true;
                         enableWebcamButton.style = "display:none"
+                        document.getElementById("switch-camera").style = "display:block"
 
                     }
                     // getUsermedia parameters.