Move Header Menu into the icon bar as an icon.

css/icons.base.css

@@ -7,6 +7,7 @@ body > div.navLinks > a:first-of-type::after,
 #boardNavDesktopFoot::after,
 body > a[style="cursor: pointer; float: right;"]::after,
 #img-controls,
+#main-menu,
 #catalog::after,
 #fappeTyme {
   z-index: 18;
@@ -22,6 +23,7 @@ body > div.navLinks > a:first-of-type,
 #{if Conf['Slideout Watcher'] then '#watcher,' else ''}
 #{if Conf['Announcements'] is 'slideout' then '#globalMessage,' else ''}
 #boardNavDesktopFoot,
+#main-menu,
 body > a[style="cursor: pointer; float: right;"],
 #catalog {
   z-index: 16;
@@ -76,6 +78,7 @@ body > a[style="cursor: pointer; float: right;"]::after {
 #img-controls:hover,
 #navlinks a:hover,
 #appchanOptions:hover,
+#main-menu:hover,
 #navtopright .exlinksOptionsLink:hover::after,
 #qr #qrtab,
 #watcher:hover::after,

css/icons.horz.css

@@ -27,6 +27,10 @@ body > a[style="cursor: pointer; float: right;"]::after {
 #img-controls {
   #{align}: #{position[i++]}px;
 }
+/* Main Menu */
+#main-menu {
+  #{align}: #{position[i++]}px;
+}
 /* 4chan Catalog */
 #catalog::after {
   #{align}: #{position[i++]}px;
@@ -62,6 +66,7 @@ div.navLinks > a:first-of-type::after {
 #watcher::after,
 #globalMessage::after,
 #img-controls,
+#main-menu,
 #fappeTyme,
 div.navLinks > a:first-of-type::after,
 #catalog::after,

css/icons.vert.css

@@ -3,6 +3,10 @@
 #img-controls {
   top: #{position[i++]}px;
 }
+/* Main Menu */
+#main-menu {
+  top: #{position[i++]}px;
+}
 /* 4chan X Options */
 #appchanOptions {
   top: #{position[i++]}px;
@@ -60,6 +64,7 @@ div.navLinks > a:first-of-type::after {
 #boardNavDesktopFoot::after,
 #globalMessage::after,
 #img-controls,
+#main-menu,
 #fappeTyme,
 #{if _conf["Slideout Watcher"] then "#watcher::after," else ""}
 body > a[style="cursor: pointer; float: right;"]::after,

css/layout.css

@@ -145,7 +145,7 @@ hr {
   border-left: 6px solid transparent;
   margin: 1.5px;
 }
-/* Navigation */
+/* Header */
 #boardNavDesktop {
   z-index: 6;
   border-width: 1px;
@@ -246,6 +246,31 @@ else "
 .close {
   float: right;
 }
+/* Main Menu */
+#main-menu {
+  margin: 0;
+  border: 2px solid;
+  border-radius: 10px;
+  height: 14px;
+  width: 14px;
+  #{Style.sizing}: border-box;
+  border-color: rgb(130,130,130);
+  color: rgb(130,130,130);
+}
+#main-menu::after {
+  content: '';
+  font-size: 10px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  #{agent}transform: translate(-60%, -50%);
+  display: block;
+  border-top: 5px solid rgb(130, 130, 130);
+  border-left: 3px solid transparent;
+  border-right: 3px solid transparent;
+  width: 7px;
+  #{Style.sizing}: border-box;
+} 
 /* Pagination */
 .pagelist {
   border-width: 1px;

src/appchan.coffee

@@ -242,6 +242,7 @@ Style =
           $ '#navtopright .exlinksOptionsLink', d.body
           notCatalog and $ 'body > a[style="cursor: pointer; float: right;"]', d.body
           notEither and _conf['Image Expansion']
+          true
           notEither
           g.VIEW is 'thread'
           notEither and _conf['Fappe Tyme']
@@ -268,6 +269,7 @@ Style =
         [
           notEither and _conf['Image Expansion']
           true
+          true
           _conf['Slideout Navigation'] isnt 'hide'
           _conf['Announcements'] is 'slideout' and $ '#globalMessage', d.body
           notCatalog and _conf['Slideout Watcher'] and _conf['Thread Watcher']

src/features.coffee

@@ -2,7 +2,7 @@ Header =
   init: ->
     @menuButton = $.el 'span',
       className: 'menu-button'
-      innerHTML: '<a class=brackets-wrap href=javascript:;><i class=drop-marker></i></a>'
+      id:        'main-menu'
 
     @menu = new UI.Menu 'header'
     $.on @menuButton, 'click',           @menuToggle
@@ -83,10 +83,11 @@ Header =
     Header.setBarVisibility Conf['Header auto-hide']
     $.sync 'Header auto-hide',  Header.setBarVisibility
 
-    $.prepend d.body, $.id 'navtopright'
+    $.prepend d.body, settings = $.id 'navtopright'
+    $.add settings, Header.menuButton
 
     $.add fullBoardList, [nav.childNodes...]
-    $.add nav, [Header.menuButton, customBoardList, fullBoardList, Header.shortcuts, Header.bar, Header.toggle]
+    $.add nav, [customBoardList, fullBoardList, Header.shortcuts, Header.bar, Header.toggle]
 
     if Conf['Custom Board Navigation']
       Header.generateBoardList Conf['boardnav']