fix icon hovering

src/main/webapp/css/app.css

@@ -8,6 +8,12 @@
 	top: -4px;
 }
 
+.icon {
+	width: 14px;
+	height: 14px;
+	display: block;
+}
+
 .main .dropdown-menu a {
 	cursor: pointer;
 }
@@ -43,7 +49,7 @@
 .css-treeview {
 	margin-top: 15px;
 	font-family: inherit;
-	font-size: 11px;
+	font-size: 12px;
 	white-space: nowrap;
 }
 
@@ -57,7 +63,7 @@
 }
 
 .css-treeview li {
-	line-height: 18px;
+	line-height: 20px;
 }
 
 .css-treeview .icon-fldr {
@@ -87,7 +93,7 @@
 
 .css-treeview label,.css-treeview a,.css-treeview label::before {
 	font-family: inherit;
-	font-size: 11px;
+	font-size: 12px;
 	white-space: nowrap;
 }
 

src/main/webapp/directives/category.html

@@ -2,7 +2,7 @@
 	<div ng-mouseenter="hovered=node" ng-mouseleave="hovered=null" class="pointer">
 		<div class="dropdown pull-right">
 			<a dropdown-toggle class="pull-right">
-				<i ng-show="hovered==node && node.id != 'all'" class="icon icon-chevron-down"></i>
+				<i ng-class="{'icon-chevron-down': hovered==node && node.id != 'all'}" class="icon"></i>
 			</a>
 			<ul class="dropdown-menu">
 				<li>
@@ -36,7 +36,7 @@
 			ng-class="{error: feed.message && feed.errorCount > 10}">
 			<div class="dropdown pull-right">
 				<a dropdown-toggle class="pull-right">
-					<i ng-show="hovered==feed" class="icon icon-chevron-down"></i>
+					<i ng-class="{'icon-chevron-down': hovered==feed}" class="icon"></i>
 				</a>
 				<ul class="dropdown-menu">
 					<li>