Font-awesome hide buttons, close #226

src/Filtering/PostHiding.coffee

@@ -151,8 +151,8 @@ PostHiding =
 
   makeButton: (post, type) ->
     span = $.el 'span',
-      className:   "brackets-wrap"
+      className:   "fa fa-#{if type is 'hide' then 'minus' else 'plus'}-square-o"
-      textContent: "\u00A0#{if type is 'hide' then '-' else '+'}\u00A0"
+      textContent: ""
     a = $.el 'a',
       className: "#{type}-reply-button"
       href:      'javascript:;'

src/Filtering/ThreadHiding.coffee

@@ -146,7 +146,7 @@ ThreadHiding =
   makeButton: (thread, type) ->
     a = $.el 'a',
       className: "#{type}-thread-button"
-      innerHTML: "<span class=brackets-wrap>&nbsp;#{if type is 'hide' then '-' else '+'}&nbsp;</span>"
+      innerHTML: "<span class='fa fa-#{if type is 'hide' then 'minus' else 'plus'}-square'></span>"
       href:      'javascript:;'
     a.dataset.fullID = thread.fullID
     $.on a, 'click', ThreadHiding.toggle

src/General/css/style.css

@@ -728,7 +728,20 @@ a.hide-announcement {
 .hide-thread-button,
 .hide-reply-button {
   float: left;
-  margin-right: 2px;
+  margin-right: 4px;
+  padding: 2px;
+}
+.hide-thread-button:not(:hover),
+.hide-reply-button:not(:hover) {
+  opacity: 0.4;
+}
+.threadContainer .hide-reply-button {
+  margin-left: 2px !important;
+  position: relative;
+  left: 1px;
+}
+.hide-thread-button {
+  margin-top: -1px;
 }
 .stub ~ * {
   display: none !important;