From 23dd740b5264bd918b36e067082727e9620f5bcd Mon Sep 17 00:00:00 2001
From: "russell@unturf.com" <russell@unturf.com>
Date: Wed, 22 Apr 2026 15:30:26 -0400
Subject: [PATCH] fix: Autoplay rightmost in toggle row (Fresh | Reverse |
 Cinema | Autoplay)

---
 make_post_sell/static/js/watch.js                    | 10 +++++-----
 make_post_sell/templates/snippets/related_content.j2 | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/make_post_sell/static/js/watch.js b/make_post_sell/static/js/watch.js
index 5754c29..8d2a8b4 100644
--- a/make_post_sell/static/js/watch.js
+++ b/make_post_sell/static/js/watch.js
@@ -1013,16 +1013,16 @@
             + '<input type="checkbox" id="watch-direction-toggle"' + directionChecked + ' />'
             + '<span class="autoplay-slider"></span>'
             + '</label>'
-            + '<label class="watch-autoplay-label js-only">'
-            + '<span class="autoplay-label-text">Autoplay</span>'
-            + '<input type="checkbox" id="watch-autoplay-toggle"' + autoplayChecked + ' />'
-            + '<span class="autoplay-slider"></span>'
-            + '</label>'
             + '<label class="watch-cinema-label js-only">'
             + '<span class="cinema-label-text">Cinema</span>'
             + '<input type="checkbox" id="watch-cinema-toggle"' + cinemaChecked + ' />'
             + '<span class="autoplay-slider"></span>'
             + '</label>'
+            + '<label class="watch-autoplay-label js-only">'
+            + '<span class="autoplay-label-text">Autoplay</span>'
+            + '<input type="checkbox" id="watch-autoplay-toggle"' + autoplayChecked + ' />'
+            + '<span class="autoplay-slider"></span>'
+            + '</label>'
             + '<button id="karaoke-toggle-btn" class="ring-karaoke-btn mps-button js-only" style="display:' + (karaokeUrls.instrumentals || karaokeUrls.vocals || karaokeEligible ? '' : 'none') + '" title="Karaoke"></button>'
             + '<button id="skip-prev-btn" class="skip-next-btn mps-button js-only" title="Go to previous item">&#9664; Prev</button>'
             + '<button id="skip-random-btn" class="skip-next-btn mps-button js-only" title="Jump to random item">&#127922;</button>'
diff --git a/make_post_sell/templates/snippets/related_content.j2 b/make_post_sell/templates/snippets/related_content.j2
index 16bc793..8e46aeb 100644
--- a/make_post_sell/templates/snippets/related_content.j2
+++ b/make_post_sell/templates/snippets/related_content.j2
@@ -24,16 +24,16 @@
                 <input type="checkbox" id="watch-direction-toggle" />
                 <span class="autoplay-slider"></span>
             </label>
-            <label class="watch-autoplay-label js-only">
-                <span class="autoplay-label-text">Autoplay</span>
-                <input type="checkbox" id="watch-autoplay-toggle" checked />
-                <span class="autoplay-slider"></span>
-            </label>
             <label class="watch-cinema-label js-only">
                 <span class="cinema-label-text">Cinema</span>
                 <input type="checkbox" id="watch-cinema-toggle" />
                 <span class="autoplay-slider"></span>
             </label>
+            <label class="watch-autoplay-label js-only">
+                <span class="autoplay-label-text">Autoplay</span>
+                <input type="checkbox" id="watch-autoplay-toggle" checked />
+                <span class="autoplay-slider"></span>
+            </label>
             <button id="karaoke-toggle-btn" class="ring-karaoke-btn mps-button js-only" style="display:none" title="Karaoke: play instrumental version">&#127908;</button>
             <button id="skip-prev-btn" class="skip-next-btn mps-button js-only" title="Go to previous item">&#9664; Prev</button>
             <button id="skip-random-btn" class="skip-next-btn mps-button js-only" title="Jump to random item">&#127922;</button>