Add all brackets as .fourchanx-link pseudo-elements, close #67

src/Filtering/PostHiding.coffee

@@ -134,7 +134,7 @@ PostHiding =
   makeButton: (post, type) ->
     a = $.el 'a',
       className: "#{type}-reply-button"
-      innerHTML: "<span>[&nbsp;#{if type is 'hide' then '-' else '+'}&nbsp;]</span>"
+      innerHTML: "<span class=fourchanx-link>&nbsp;#{if type is 'hide' then '-' else '+'}&nbsp;</span>"
       href:      'javascript:;'
     $.on a, 'click', PostHiding.toggle
     a

src/Filtering/ThreadHiding.coffee

@@ -111,7 +111,7 @@ ThreadHiding =
   makeButton: (thread, type) ->
     a = $.el 'a',
       className: "#{type}-thread-button"
-      innerHTML: "<span>[&nbsp;#{if type is 'hide' then '-' else '+'}&nbsp;]</span>"
+      innerHTML: "<span class=fourchanx-link>&nbsp;#{if type is 'hide' then '-' else '+'}&nbsp;</span>"
       href:      'javascript:;'
     a.setAttribute 'data-fullid', thread.fullID
     $.on a, 'click', ThreadHiding.toggle

src/General/Header.coffee

@@ -112,7 +112,7 @@ Header =
 
     boardList = $.el 'span',
       id: 'board-list'
-      innerHTML: "<span id=custom-board-list></span><span id=full-board-list hidden>[<a href=javascript:; class='hide-board-list-button'> - </a>] #{fourchannav.innerHTML}</span>"
+      innerHTML: "<span id=custom-board-list></span><span id=full-board-list hidden><a href=javascript:; class='hide-board-list-button fourchanx-link'>&nbsp;&nbsp;-&nbsp;&nbsp;</a> #{fourchannav.innerHTML}</span>"
     fullBoardList = $ '#full-board-list', boardList
     btn = $ '.hide-board-list-button', fullBoardList
     $.on btn, 'click', Header.toggleBoardList
@@ -301,7 +301,7 @@ Header =
 
   addShortcut: (el) ->
     shortcut = $.el 'span',
-      className: 'shortcut'
+      className: 'shortcut fourchanx-link'
     $.add shortcut, el
     $.prepend Header.shortcuts, shortcut
 

src/General/css/style.css

@@ -202,12 +202,6 @@ a {
 #shortcuts {
   float: right;
 }
-.shortcut::after {
-  content: "]";
-}
-.shortcut::before {
-  content: "[";
-}
 .shortcut {
   margin-left: 3px;
 }
@@ -218,7 +212,13 @@ a {
 #toggleMsgBtn {
   display: none !important;
 }
-
+/* 4chan X link brackets */
+.fourchanx-link::after {
+  content: "]";
+}
+.fourchanx-link::before {
+  content: "[";
+}
 /* Notifications */
 #notifications {
   position: fixed;

src/Menu/Menu.coffee

@@ -18,8 +18,8 @@ Menu =
     a = null
     (post) ->
       a or= $.el 'a',
-        className: 'menu-button'
-        innerHTML: '[<i></i>]'
+        className: 'menu-button fourchanx-link'
+        innerHTML: '<i></i>'
         href:      'javascript:;'
       clone = a.cloneNode true
       clone.setAttribute 'data-postid', post.fullID