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.
This commit is contained in:
Josh Holland 2016-01-10 20:44:45 +00:00 committed by Blade Barringer
parent c084b6b7cd
commit a0b264f686
2 changed files with 5 additions and 1 deletions

View file

@ -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

View file

@ -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