From 236f6fd33a6ee594c7c5f29648882b1afbf96fb4 Mon Sep 17 00:00:00 2001
From: Simpler1 <Simpler1@users.noreply.github.com>
Date: Thu, 23 Apr 2026 11:00:49 -0400
Subject: [PATCH] Move tag next/prev buttons to the left

Move the tag next/prev buttons to the left so that you don't have to move your mouse cursor all the way across the screen when clicking between the dropdown and these two buttons.  This is especially noticeable on wide screen monitors.
---
 web/skins/classic/views/event.php | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/skins/classic/views/event.php b/web/skins/classic/views/event.php
index 8277b9e1097..69e837471c2 100644
--- a/web/skins/classic/views/event.php
+++ b/web/skins/classic/views/event.php
@@ -273,11 +273,6 @@
     </div>
 <?php if ( $Event->Id() ) { ?>
     <div class="tags-container">
-      <div class="tag-dropdown">
-        <!-- input type has to be "search" (not "text") so that the Enter button (not Next) works on mobile Chrome browser. -->
-        <input type="search" id="tagInput" class="tag-input" placeholder="Add tag" data-role="tagsinput">
-        <div class="tag-dropdown-content"></div>
-      </div>
       <button type="button" id="tagPrevBtn" title="<?php echo translate('Apply the last tag, then play the previous event') ?>" class="inactive" data-on-click-true="tagAndPrev">
         <i class="material-icons md-18" 
           style="-moz-transform: scaleX(-1);
@@ -291,6 +286,11 @@
       <button type="button" id="tagNextBtn" title="<?php echo translate('Apply the last tag, then play the next event') ?>" class="inactive" data-on-click-true="tagAndNext">
         <i class="material-icons md-18">label</i>
       </button>
+      <div class="tag-dropdown">
+        <!-- input type has to be "search" (not "text") so that the Enter button (not Next) works on mobile Chrome browser. -->
+        <input type="search" id="tagInput" class="tag-input" placeholder="Add tag" data-role="tagsinput">
+        <div class="tag-dropdown-content"></div>
+      </div>
     </div>
 <!-- BEGIN VIDEO CONTENT ROW -->
     <div id="inner-content">