Change ui order: autoscroll and show chords

SenneMalfliet · Jun 25, 2024 · 1e5d9f2 · 1e5d9f2
1 parent b42b6ac
commit 1e5d9f2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/freetar/templates/tab.html b/freetar/templates/tab.html
@@ -23,16 +23,16 @@ <h5><a href="/search?search_term={{ tab.artist_name }}">{{ tab.artist_name }}</a
 
 
     <div class="d-flex align-items-center d-print-none flex-wrap">
-        <div class="form-check form-switch me-4">
-            <input class="form-check-input" type="checkbox" role="switch" id="checkbox_view_chords"/>
-            <label class="form-check-label" for="checkbox_view_chords">Show chords</label>
-        </div>
         <div class="form-check form-switch autoscroll me-4">
           <input class="form-check-input" type="checkbox" role="switch" id="checkbox_autoscroll" />
           <label class="form-check-label" for="checkbox_autoscroll">Autoscroll</label>
         <span role="button" id="scroll_speed_down" title="decrease scroll speed" class="m-2" >❮❮</span>
         <span role="button" id="scroll_speed_up" title="increase scroll speed" class="m-2" >❯❯</span>
         </div>
+        <div class="form-check form-switch me-4">
+            <input class="form-check-input" type="checkbox" role="switch" id="checkbox_view_chords"/>
+            <label class="form-check-label" for="checkbox_view_chords">Show chords</label>
+        </div>
 
   <div>
         <span class="">Transpose </span>