clean up leftover chaotic borders

css/index.css

@@ -14,24 +14,8 @@ body{
     background-color: #ccc;
 }
 
-.maskPaintCanvas {
-    border: 3px dotted #993355C0
-}
-
-.overlayCanvas {
-    border: 1px solid #F00;
-}
-
-.tempCanvas {
-    border: 3px dotted #007AFFC0;
-}
-
-.targetCanvas {
-    border: 2px dashed #0F0;
-}
-
 .canvas {
-    border: 2px dotted #00F;
+    border: 1px black solid;
 }
 
 .mainHSplit {

index.html

@@ -26,6 +26,7 @@
                     id="negPrompt">people, person, humans, human, divers, diver, glitch, error, text, watermark, bad quality, blurry</textarea><br />
                 <hr>
             </div>
+            <!-- SD section -->
             <button type="button" class="collapsible">Stable Diffusion settings</button>
             <div class="content">
                 <label for="seed">Seed (-1 for random):</label> <br>
@@ -61,6 +62,7 @@
                 <input type="range" id="batchCount" name="batchCount" min="1" max="8" step="1" /><br />
                 <hr>
             </div>
+            <!-- Unsectioned -->
             <label for="scaleFactor">Scale factor: <input type="number" id="scaleFactorTxt"></label><br />
             <input type="range" id="scaleFactor" name="scaleFactor" min="1" max="16" /><br />
             <label for="cbxSnap">Snap to grid?</label>
@@ -82,6 +84,7 @@
             <span id="maskBlurText"></span><br />
             <input type="number" id="maskBlur" name="maskBlur" min="0" max="256" value="0" step="1"
                 onchange="changeMaskBlur()" /><br />
+            <!-- Save/load image section -->
             <button type="button" class="collapsible">Save/Load/New image</button>
             <div class="content">
                 <label for="preloadImage">Load image:</label>