From 2e92989a01f47e948f1e0707828630c464d2c989 Mon Sep 17 00:00:00 2001
From: ccd0 <admin@containerchan.org>
Date: Sat, 19 Nov 2016 11:35:30 -0800
Subject: [PATCH] Fix tab order of select boxes in JSON index. #747

---
 src/General/Index/NavLinks.html | 46 +++++++++++++++++----------------
 src/css/style.css               |  2 +-
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/General/Index/NavLinks.html b/src/General/Index/NavLinks.html
index e69e93af2..b40df09b5 100644
--- a/src/General/Index/NavLinks.html
+++ b/src/General/Index/NavLinks.html
@@ -6,25 +6,27 @@
 <input type="search" id="index-search" class="field" placeholder="Search">
 <a id="index-search-clear" href="javascript:;" title="Clear search">×</a>
 <span id="hidden-label" hidden> &mdash; <span id="hidden-count"></span> <span id="hidden-toggle">[<a href="javascript:;">Show</a>]</span></span>
-<input type="checkbox" id="index-rev" name="Reverse Sort" title="Reverse sort order">
-<select id="index-mode" name="Index Mode">
-  <option disabled>Index Mode</option>
-  <option value="paged">Paged</option>
-  <option value="infinite">Infinite scrolling</option>
-  <option value="all pages">All threads</option>
-  <option value="catalog">Catalog</option>
-</select>
-<select id="index-sort" name="Index Sort">
-  <option disabled>Index Sort</option>
-  <option value="bump">Bump order</option>
-  <option value="lastreply">Last reply</option>
-  <option value="lastlong">Last long reply</option>
-  <option value="birth">Creation date</option>
-  <option value="replycount">Reply count</option>
-  <option value="filecount">File count</option>
-</select>
-<select id="index-size" name="Index Size">
-  <option disabled>Image Size</option>
-  <option value="small">Small</option>
-  <option value="large">Large</option>
-</select>
+<span id="index-options">
+  <select id="index-size" name="Index Size">
+    <option disabled>Image Size</option>
+    <option value="small">Small</option>
+    <option value="large">Large</option>
+  </select>
+  <select id="index-sort" name="Index Sort">
+    <option disabled>Index Sort</option>
+    <option value="bump">Bump order</option>
+    <option value="lastreply">Last reply</option>
+    <option value="lastlong">Last long reply</option>
+    <option value="birth">Creation date</option>
+    <option value="replycount">Reply count</option>
+    <option value="filecount">File count</option>
+  </select>
+  <select id="index-mode" name="Index Mode">
+    <option disabled>Index Mode</option>
+    <option value="paged">Paged</option>
+    <option value="infinite">Infinite scrolling</option>
+    <option value="all pages">All threads</option>
+    <option value="catalog">Catalog</option>
+  </select>
+  <input type="checkbox" id="index-rev" name="Reverse Sort" title="Reverse sort order">
+</span>
diff --git a/src/css/style.css b/src/css/style.css
index 4cb254fe3..2147391c0 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -714,7 +714,7 @@ div[data-checked="false"] > .suboption-list {
 #index-search:not([data-searching]) + #index-search-clear {
   display: none;
 }
-#index-rev, #index-mode, #index-sort, #index-size {
+#index-options {
   float: right;
 }
 .summary {