From a0b264f6860f59fec71b0c998e2ec1e07991bc11 Mon Sep 17 00:00:00 2001
From: Josh Holland <anowlcalledjosh@gmail.com>
Date: Sun, 10 Jan 2016 20:44:45 +0000
Subject: [PATCH] Align progress and help icons on to-dos column

Fixes #6474

As per #6474, progress and help icons on the to-dos column were
previously misaligned due to inline styles. This commit adds the same
inline styles to both icons.

Move inline styles on task column icons to a class

This uses existing classes instead of adding a new one, because if new
icons are added in the future this should catch them without any extra
classes having to be added to the new icons.

In addition, this will catch any new .option-box added to .task-column
in the future; this may be good or bad, but is easy to fix in any case.
---
 website/public/css/tasks.styl                   | 4 ++++
 website/views/shared/tasks/task_view/graph.jade | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/website/public/css/tasks.styl b/website/public/css/tasks.styl
index 854125dcb0..4573b36c4d 100644
--- a/website/public/css/tasks.styl
+++ b/website/public/css/tasks.styl
@@ -146,6 +146,10 @@ for $stage in $stages
     padding: 0
     font-weight: 300
 
+  .option-box .glyphicon
+    zoom: 1.5
+    vertical-align: -webkit-baseline-middle
+
 .task-column.preview
   padding: 0
   background: transparent
diff --git a/website/views/shared/tasks/task_view/graph.jade b/website/views/shared/tasks/task_view/graph.jade
index dfc3359ff5..82f062dfde 100644
--- a/website/views/shared/tasks/task_view/graph.jade
+++ b/website/views/shared/tasks/task_view/graph.jade
@@ -6,4 +6,4 @@ span.option-box.pull-right(ng-if='::main')
     span.glyphicon.glyphicon-calendar
   // <a href="https://www.google.com/calendar/render?cid={{encodeiCalLink(_user.id, _user.apiToken)}}" rel=tooltip title="Google Calendar"><i class=icon-calendar></i></a>
   a.option-action(ng-click='list.help=!list.help', tooltip=env.t('clickForHelp'))
-    span.glyphicon.glyphicon-question-sign(style={'zoom':1.5,'vertical-align':'-webkit-baseline-middle'})
+    span.glyphicon.glyphicon-question-sign