From 6342271b990b1a591c3bf7e58d657807626f90e0 Mon Sep 17 00:00:00 2001
From: Lindsey Cleary <lindseyc@users.noreply.github.com>
Date: Wed, 17 Apr 2019 23:15:34 -0700
Subject: [PATCH] fix display of img

canvas should be inside of output class, otherwise there are 2 images displayed side by side
---
 s/webrtc-capturestill/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/s/webrtc-capturestill/index.html b/s/webrtc-capturestill/index.html
index ef7584b..3709a59 100644
--- a/s/webrtc-capturestill/index.html
+++ b/s/webrtc-capturestill/index.html
@@ -19,10 +19,10 @@ <h1>
     <video id="video">Video stream not available.</video>
     <button id="startbutton">Take photo</button> 
   </div>
-  <canvas id="canvas">
-  </canvas>
   <div class="output">
-    <img id="photo" alt="The screen capture will appear in this box."> 
+  	<canvas id="canvas">
+		<img id="photo" alt="The screen capture will appear in this box."> 
+  	</canvas>
   </div>
 	<p>
 		Visit our article <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos"> Taking still photos with WebRTC</a> to learn more about the technologies used here.