feat(index): change position of reset button

Author: Dun-sin

index.html

@@ -415,10 +415,10 @@ <h2>
             <label for="pic-text-file">
               <input type="file" id="pic-text-file" required />
             </label>
-           <div class="btn-container">
-            <div class="btn" data-button="pic-text">Get Results</div>
-            <div class="reset" data-reset="pic-text">Reset</div>
-           </div>
+            <div class="btn-container">
+              <div class="reset" data-reset="pic-text">Reset</div>
+              <div class="btn" data-button="pic-text">Get Results</div>
+            </div>
           </div>
           <!-- End of Pic Text -->
 
@@ -486,10 +486,10 @@ <h2>
                 class="gradient-text-inputs degree-range"
               />
             </label>
-            
+
             <div class="btn-container">
-              <div class="btn" data-button="gradient-text">Get Results</div>
               <div class="reset" data-reset="gradient-text">Reset</div>
+              <div class="btn" data-button="gradient-text">Get Results</div>
             </div>
           </div>
           <!-- End of Gradient Text -->
@@ -571,8 +571,8 @@ <h2>
             </label>
 
             <div class="btn-container">
-              <div class="btn" data-button="gradient-border">Get Result</div>
               <div class="reset" data-reset="gradient-border">Reset</div>
+              <div class="btn" data-button="gradient-border">Get Result</div>
             </div>
           </div>
           <!-- End of Gradient Border -->
@@ -638,8 +638,10 @@ <h2>
             </label>
 
             <div class="btn-container">
-              <div class="btn" data-button="gradient-background">Get Result</div>
               <div class="reset" data-reset="gradient-background">Reset</div>
+              <div class="btn" data-button="gradient-background">
+                Get Result
+              </div>
             </div>
           </div>
           <!-- End of Gradient Background -->
@@ -720,8 +722,8 @@ <h2>
             </label>
 
             <div class="btn-container">
-              <div class="btn" data-button="animation">Get Results</div>
               <div class="reset" data-reset="animation">Reset</div>
+              <div class="btn" data-button="animation">Get Results</div>
             </div>
           </div>
           <!-- End of Animation -->
@@ -771,8 +773,8 @@ <h2>
             </div>
 
             <div class="btn-container">
-              <div class="btn" data-button="border-radius">Get Results</div>
               <div class="reset" data-reset="border-radius">Reset</div>
+              <div class="btn" data-button="border-radius">Get Results</div>
             </div>
           </div>
           <!-- End of Border Radius -->
@@ -860,8 +862,8 @@ <h2>
             </div>
 
             <div class="btn-container">
-              <div class="btn" data-button="box-shadow">Get Results</div>
               <div class="reset" data-reset="box-shadow">Reset</div>
+              <div class="btn" data-button="box-shadow">Get Results</div>
             </div>
           </div>
           <!-- End of Box Shadow -->
@@ -939,8 +941,8 @@ <h2>
             </div>
 
             <div class="btn-container">
-              <div class="btn" data-button="text-shadow">Get Results</div>
               <div class="reset" data-reset="text-shadow">Reset</div>
+              <div class="btn" data-button="text-shadow">Get Results</div>
             </div>
           </div>
           <!-- End of Text Shadow Generator -->
@@ -1018,8 +1020,8 @@ <h2>
             </label>
 
             <div class="btn-container">
-              <div class="btn" data-button="transform">Get Results</div>
               <div class="reset" data-reset="transform">Reset</div>
+              <div class="btn" data-button="transform">Get Results</div>
             </div>
           </div>
           <!-- End of Transform Generator -->
@@ -1169,6 +1171,7 @@ <h2>
 
             <!-- Copy Code Button -->
             <div class="btn-container">
+              <div class="reset" data-reset="input-range">Reset</div>
               <div class="btn" data-download="input-range-code">
                 <iconify-icon
                   inline
@@ -1178,7 +1181,6 @@ <h2>
                 ></iconify-icon>
                 Get Code
               </div>
-              <div class="reset" data-reset="input-range">Reset</div>
             </div>
           </div>
           <!-- End of Input Type Range Generator -->