Add dummy icons to column context menu

app/assets/stylesheets/content/_action_menu_main.md

@@ -14,7 +14,7 @@
 		</li>
 		<li>
 			<a href="#"><i class="icon-priority icon-action-menu"></i>menu item with sub</a>
-			<i class="icon-pulldown-arrow4 icon-sub-menu"></i>  
+			<i class="icon-pulldown-arrow4 icon-sub-menu"></i>
 				<ul class="sub-menu">
 					<li>
 						<a href="#"><i class="icon-edit icon-action-menu"></i>menu item</a>
@@ -30,7 +30,7 @@
 		<li>
 			<a href="#"><i class="icon-delete icon-action-menu"></i>menu item</a>
 		</li>
-		<li class="hasnoicon">
+		<li class="has-no-icon">
 			<a href="#">menu item no icon</a>
 		</li>
 		<li class="dropdown-divider"></li>

app/assets/stylesheets/content/_action_menu_main.sass

@@ -41,7 +41,7 @@
     padding: 4px 13px 4px 10px
     &:hover
       background: #f0f0f0
-    &.hasnoicon
+    &.has-no-icon
       padding: 4px 10px 4px 35px
     &.dropdown-divider
       border-top: 1px solid #eeeeee

public/templates/work_packages/column_context_menu.html

@@ -1,26 +1,33 @@
 <div id="column-context-menu" class="action-menu" ng-show="opened">
   <ul class="menu">
-    <li ng-click="groupBy(column.name)">
-      <a href="#"><span ng-bind="I18n.t('js.work_packages.query.group_by')"/> {{column.title}}</a>
+    <li ng-click="groupBy(column.name)" class="has-no-icon">
+      <a href="#"><span ng-bind="I18n.t('js.work_packages.query.group_by')"/> <span ng-bind="column.title"/></a>
     </li>
 
     <li ng-click="sortAscending(column.name)">
-      <a href="#"><span ng-bind="I18n.t('js.label_sort_by')"/> <span ng-bind="column.title"/> <span ng-bind="I18n.t('js.label_ascending')"/></a>
+      <a href="#">
+        <i class="icon-action-menu icon-pulldown-arrow3"></i>
+        <span ng-bind="I18n.t('js.label_sort_by')"/> <span ng-bind="column.title"/> <span ng-bind="I18n.t('js.label_ascending')"/>
+      </a>
     </li>
 
     <li ng-click="sortDescending(column.name)">
+      <i class="icon-action-menu icon-pulldown-arrow1"></i>
       <a href="#"><span ng-bind="I18n.t('js.label_sort_by')"/> <span ng-bind="column.title"/> <span ng-bind="I18n.t('js.label_descending')"/></a>
     </li>
 
     <li ng-click="moveLeft(column.name)">
+      <i class="icon-action-menu icon-paragraph-left"></i>
       <a href="#"><span ng-bind="I18n.t('js.label_move_column_left')"/></a>
     </li>
 
     <li ng-click="moveRight(column.name)">
+      <i class="icon-action-menu icon-paragraph-right"></i>
       <a href="#"><span ng-bind="I18n.t('js.label_move_column_right')"/></a>
     </li>
 
     <li ng-click="hideColumn(column.name)">
+      <i class="icon-action-menu icon-delete2"></i>
       <a href="#"><span ng-bind="I18n.t('js.label_hide_column')"/></a>
     </li>