diff --git a/observe_bact.html b/observe_bact.html
index a3b4816..71a3473 100644
--- a/observe_bact.html
+++ b/observe_bact.html
@@ -27,18 +27,11 @@
         z-index:10;
         width: 100%;
       }
-      #canvas-debug{
-        position:absolute;
-        z-index:10;
-        width: 20em;
-        opacity: 100%;
-      }
 
       #photo {
         position:absolute;
         z-index:5;
         width: 100%;
-
       }
 
       #canvas-temp{
@@ -117,13 +110,13 @@
             <select class="form-select" name="sample_chooser" id = "sample_chooser"></select>
         </div>
       </div>
+
     <!-- the output div is used to display the video, the photo and the canvas where you can draw in (and measure) your organisms. -->
     <div id="output" class="row">
       <div id = "video_container" class="col-9">
         <img id="photo" alt="The screen capture will appear in this box." ></img>
         <canvas id="canvas-draw"></canvas>
         <video autoplay="true" id="video"></video>
-
       </div>
 
       <div id = "control-elements" class="col-3">
@@ -137,7 +130,6 @@
             <input class="form-control" type="number" id="Bacilli_count"
                         name="Bacilli_count" value=0>
             </input>
-
           </div>
         </div>
         <div class="row">
@@ -206,14 +198,12 @@
           <th>
             Choose bacterium Type
           </th>
-
         </tr>
         </thead>
         <tbody>
         </tbody>
       </table>
       <button class="btn btn-primary float-end" onclick="submit_FoV();">submit FoV</button>
-
     </div>
     <div id = "FoV_table_div">
       <h2> Fields of View </h2>
@@ -364,9 +354,6 @@
     request.onsuccess = ()=> {
        default_protocol_id = request.result.prep_setup;
        get_all_prep_prefs();
-
-       // width of FoV -- will be supplied by FLASK microscope setup.
-
     }
 
     request.onerror = (err)=> {
@@ -433,7 +420,6 @@
           // Move to the next record
           cursor.continue();
         }
-
     }
 
     request.onerror = (err)=> {
@@ -515,7 +501,6 @@
         case "Spirochetes":
           label.classList.add("btn", "btn-outline-danger");
           break;
-
       }
 
       label.htmlFor = 'org-type-'+bacteria_types[i]+''+index;
@@ -687,7 +672,7 @@
     var video = document.querySelector("#video");
 
     var out = document.querySelector("#output");
-    // opencv stuff
+
     var canvas_draw = document.getElementById("canvas-draw");
 
     const context = canvas_draw.getContext('2d');
@@ -821,7 +806,6 @@
             let ind_new = fits[i][1];
             let ind_rect = fits[i][2];
             let fit = fits[i][3];
-            console.log(fit);
             if (fit > 100000) {
               break;
             }
diff --git a/observe_main.html b/observe_main.html
index 776d49e..23ee433 100644
--- a/observe_main.html
+++ b/observe_main.html
@@ -1207,14 +1207,11 @@
           (ev) => {
             if (!streaming) {
               video_aspect = video.videoWidth  / video.videoHeight;
-
               video.style.aspectRatio = video_aspect;
-
               photo.style.aspectRatio = video_aspect;
-
               canvas.style.aspectRatio = video_aspect;
-
               canvas_draw.style.aspectRatio = video_aspect;
+
               canvas_draw.height = canvas_draw.height*5;
               canvas_draw.width = canvas_draw.height*video_aspect;
               streaming = true;
diff --git a/observe_nema.html b/observe_nema.html
index a58ce93..39b2f19 100644
--- a/observe_nema.html
+++ b/observe_nema.html
@@ -543,7 +543,7 @@
     // width of FoV -- will be supplied by FLASK microscope setup.
     var real_width_FoV = 255;
 
-    
+
 
 
     // init drawing