From 89612cd4d6f253f1015d2cc92bb5caf4e9837c9a Mon Sep 17 00:00:00 2001
From: robertgro <34941707+robertgro@users.noreply.github.com>
Date: Mon, 30 Oct 2023 05:46:02 +0100
Subject: [PATCH] https://github.com/TeamPiped/Piped/issues/3070

---
 src/components/WatchVideo.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index eaa8e226..9f7c7097 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -155,6 +155,14 @@
                 </div>
             </div>
 
+            <div>
+                <label for="chkAutoLoop"><strong v-text="`${$t('actions.loop_this_video')}:`" /></label>
+                <input id="chkAutoLoop" v-model="selectedAutoLoop" class="ml-1.5" type="checkbox" @change="onChange($event)" />
+                <br />
+                <label for="chkAutoPlay"><strong v-text="`${$t('actions.auto_play_next_video')}:`" /></label>
+                <input id="chkAutoPlay" v-model="selectedAutoPlay" class="ml-1.5" type="checkbox" @change="onChange($event)" />
+            </div>
+
             <hr class="mb-2" />
 
             <div
@@ -205,16 +213,6 @@
             </template>
         </div>
 
-        <hr />
-
-        <label for="chkAutoLoop"><strong v-text="`${$t('actions.loop_this_video')}:`" /></label>
-        <input id="chkAutoLoop" v-model="selectedAutoLoop" class="ml-1.5" type="checkbox" @change="onChange($event)" />
-        <br />
-        <label for="chkAutoPlay"><strong v-text="`${$t('actions.auto_play_next_video')}:`" /></label>
-        <input id="chkAutoPlay" v-model="selectedAutoPlay" class="ml-1.5" type="checkbox" @change="onChange($event)" />
-
-        <hr />
-
         <div class="grid grid-cols-1 sm:grid-cols-4 xl:grid-cols-5">
             <div class="sm:col-span-3 xl:col-span-4">
                 <button