Replace the times symbol with fa-times. #1338

css/style.css

@@ -223,7 +223,7 @@ a[href="javascript:;"] {
   color: white;
 }
 .notification > .close {
-  padding: 6px;
+  padding: 7px;
   top: 0;
   right: 0;
   position: absolute;
@@ -273,7 +273,7 @@ a[href="javascript:;"] {
 }
 #fourchanx-settings > nav a.close {
   text-decoration: none;
-  padding: 2px;
+  padding: 0 2px;
 }
 .sections-list {
   flex: 1;
@@ -743,13 +743,13 @@ a.hide-announcement {
   border-style: dashed;
   opacity: 1;
 }
-.remove {
+a.remove {
   color: #E00 !important;
-  font-weight: 700;
-  padding: 3px;
+  padding: 1px;
 }
 .remove:hover::after {
   content: ' Remove';
+  font-weight: 700;
 }
 .qr-preview > label {
   background: rgba(0, 0, 0, .5);
@@ -841,7 +841,6 @@ a.hide-announcement {
 #qr-no-file,
 #qr-filename,
 #qr-filesize,
-#qr-filerm,
 #qr-file-spoiler {
   margin: 0 2px !important;
 }

html/General/Settings.html

@@ -8,7 +8,7 @@
        | 
       <a href="<%= meta.repo %>blob/<%= meta.mainBranch %>/CONTRIBUTING.md#reporting-bugs-and-suggestions" target="_blank">Issues</a>
       &nbsp;|&nbsp;
-      <a href="javascript:;" class="close" title="Close">×</a>
+      <a href="javascript:;" class="close fa fa-times" title="Close"></a>
     </div>
   </nav>
   <hr>

html/Posting/QR.html

@@ -4,7 +4,7 @@
     <option value="new">New thread</option>
   </select>
   <span class="move"></span>
-  <a href="javascript:;" class="close" title="Close">×</a>
+  <a href="javascript:;" class="close fa fa-times" title="Close"></a>
 </div>
 <form>
   <div class="persona">
@@ -29,7 +29,7 @@
       <span id="qr-no-file">No selected file</span>
       <input id="qr-filename" data-name="filename" spellcheck="false">
       <span id="qr-filesize"></span>
-      <a id="qr-filerm" href="javascript:;" title="Remove file">×</a>
+      <a href="javascript:;" id="qr-filerm" class="fa fa-times" title="Remove file"></a>
       <input type="checkbox" id="qr-file-spoiler" title="Spoiler image">
     </div>
   </div>

src/General/Notice.coffee

@@ -1,7 +1,7 @@
 class Notice
   constructor: (type, content, @timeout) ->
     @el = $.el 'div',
-      innerHTML: '<a href=javascript:; class=close title=Close>×</a><div class=message></div>'
+      innerHTML: '<a href=javascript:; class="close fa fa-times" title=Close></a><div class=message></div>'
     @el.style.opacity = 0
     @setType type
     $.on @el.firstElementChild, 'click', @close

src/Monitoring/ThreadWatcher.coffee

@@ -131,7 +131,7 @@ ThreadWatcher =
 
   makeLine: (boardID, threadID, data) ->
     x = $.el 'a',
-      textContent: '×'
+      className: 'fa fa-times'
       href: 'javascript:;'
     $.on x, 'click', ThreadWatcher.cb.rm
 

src/Posting/QR.coffee

@@ -438,7 +438,7 @@ QR =
         className: 'qr-preview'
         draggable: true
         href: 'javascript:;'
-        innerHTML: '<a class=remove>×</a><label hidden><input type=checkbox> Spoiler</label><span></span>'
+        innerHTML: '<a class="remove fa fa-times"></a><label hidden><input type=checkbox> Spoiler</label><span></span>'
 
       @nodes =
         el:      el