Move .catalog-mode to doc.

css/style.css

@@ -375,7 +375,9 @@ a[href="javascript:;"] {
 /* Index */
 :root.index-loading .navLinks,
 :root.index-loading .board,
-:root.index-loading .pagelist {
+:root.index-loading .pagelist,
+:root:not(.catalog-mode) #hidden-toggle,
+:root:not(.catalog-mode) #index-size {
   display: none;
 }
 #nav-links {

html/General/Index-navlinks.html

@@ -1,7 +1,7 @@
 [<time id="index-last-refresh" title="Last index refresh">...</time>]&nbsp;
 <input type="search" id="index-search" class="field" placeholder="Search">
 <a id="index-search-clear" class="fa fa-times-circle" href="javascript:;"></a>
-<span id="hidden-label" hidden>&nbsp;&mdash; <span id="hidden-count"></span> <span id="hidden-toggle" hidden>[<a href="javascript:;">Show</a>]</span></span>
+<span id="hidden-label" hidden>&nbsp;&mdash; <span id="hidden-count"></span> <span id="hidden-toggle">[<a href="javascript:;">Show</a>]</span></span>
 <span style="flex:1"></span>
 <select id="index-mode" name="Index Mode">
   <option disabled>Index Mode</option>

src/General/Index.coffee

@@ -211,11 +211,9 @@ Index =
   cb:
     toggleCatalogMode: ->
       if Conf['Index Mode'] is 'catalog'
-        $.addClass Index.root, 'catalog-mode'
-        $('#hidden-toggle', Index.navLinks).hidden = false
+        $.addClass doc, 'catalog-mode'
       else
-        $.rmClass Index.root, 'catalog-mode'
-        $('#hidden-toggle', Index.navLinks).hidden = true
+        $.rmClass doc, 'catalog-mode'
     toggleHiddenThreads: ->
       $('#hidden-toggle a', Index.navLinks).textContent = if Index.showHiddenThreads = !Index.showHiddenThreads
         'Hide'