From ffb073102f20d3de34ba15c0e95e7a72836f1fd4 Mon Sep 17 00:00:00 2001
From: Steffen Breiler <sbreiler@users.noreply.github.com>
Date: Wed, 3 Dec 2014 18:51:17 +0100
Subject: [PATCH] Fix #2879 (Check-Icons)

IE11 shows checkmark in wierd position. It seems that IE does size the "checkmark" differently than firefox, which make them appear to be more to the right and bottom. I'm using glyphicons to fix that. The look is constistent in different browser. Though its kind of thicker than the original was.
---
 public/css/tasks.styl | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/public/css/tasks.styl b/public/css/tasks.styl
index 64112d0062..c69398ac3f 100644
--- a/public/css/tasks.styl
+++ b/public/css/tasks.styl
@@ -222,31 +222,29 @@ for $stage in $stages
     content: ''
   label:hover:after,
   label:focus:after
-    content: '¬'
+    content: "\E013"
+    font-family 'Glyphicons Halflings'
     border none
     margin 0
-    font-size: 3.2em
-    line-height: 0.9375em
-    height: 0.9375em
-    width: 1.15em
+    line-height: 1.714285714em
+    height: 1.714285714em
+    width: 1.714285714em
     text-align: center
-    transform: rotate(135deg)
     opacity: 0.5 !important
   label:active:after
     opacity: 0.75 !important
 
   // completed icon
   input[type=checkbox]:checked + label:after
-    content: '¬'
-    font-size: 3.2em
-    line-height: 0.9375em
-    height: 0.9375em
-    width: 1.15em
-    text-align: center
-    transform: rotate(135deg)
-    opacity: 0.75
+    content: "\E013"
+    font-family 'Glyphicons Halflings'
     border none
     margin 0
+    line-height: 1.714285714em
+    height: 1.714285714em
+    width: 1.714285714em
+    text-align: center
+    opacity: 0.75
 
 
 // secondary task commands
@@ -477,4 +475,4 @@ form
 .repeat-days
   a
     border-radius: 0.382em
-          
\ No newline at end of file
+