Moved generate button above length slider

index.html

@@ -16,6 +16,7 @@
             <div class="result__info left">copied</div>
             <div class="result__viewbox" id="result">-</div>
         </div>
+        <button class="btn generate" id="generate">Generate Password</button>
         <div class="length range__slider" data-min="4" data-max="32">
             <div class="length__title field-title" data-length='0'>length:</div>
             <input id="slider" type="range" min="4" max="32" value="16" />
@@ -39,7 +40,6 @@
                 <label for="symbol">Include Symbols</label>
             </div>
         </div>
-        <button class="btn generate" id="generate">Generate Password</button>
     </div>
     <script src="js/script.js"></script>
 </body>