From ffc625259e7661c2583ce759cfee0504675ca4e8 Mon Sep 17 00:00:00 2001
From: Mayhem <stepien.nicolas@gmail.com>
Date: Sat, 16 Nov 2013 03:34:59 +0100
Subject: [PATCH] Replace the times symbol with fa-times. #1338

---
 css/style.css                       | 11 +++++------
 html/General/Settings.html          |  2 +-
 html/Posting/QR.html                |  4 ++--
 src/General/Notice.coffee           |  2 +-
 src/Monitoring/ThreadWatcher.coffee |  2 +-
 src/Posting/QR.coffee               |  2 +-
 6 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index 0718196fd..63b807874 100644
--- a/css/style.css
+++ b/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;
 }
diff --git a/html/General/Settings.html b/html/General/Settings.html
index 9a94ccc59..4af4c7feb 100644
--- a/html/General/Settings.html
+++ b/html/General/Settings.html
@@ -8,7 +8,7 @@
       &nbsp;|&nbsp;
       <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>
diff --git a/html/Posting/QR.html b/html/Posting/QR.html
index 9b9786933..c172cb848 100644
--- a/html/Posting/QR.html
+++ b/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>
diff --git a/src/General/Notice.coffee b/src/General/Notice.coffee
index 90c2e504b..ea5f6f360 100644
--- a/src/General/Notice.coffee
+++ b/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
diff --git a/src/Monitoring/ThreadWatcher.coffee b/src/Monitoring/ThreadWatcher.coffee
index 680d61c6a..ad9e710ee 100644
--- a/src/Monitoring/ThreadWatcher.coffee
+++ b/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
 
diff --git a/src/Posting/QR.coffee b/src/Posting/QR.coffee
index 6f71abb2f..b3e41a838 100644
--- a/src/Posting/QR.coffee
+++ b/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