Frontend] Normalizing styles for items and l-icon-link

open #90

platform/commonUI/general/res/sass/_icons.scss

@@ -35,6 +35,8 @@
 	}
 	&.icon {
 		color: $colorKey;
+        //position: relative;
+        font-size: inherit;
 		&.alert {
 			color: $colorAlert;
 			&:hover {
@@ -48,6 +50,19 @@
 	&.icon-calendar:after {
 		content: "\e605";
 	}
+    &.l-icon-link {
+        color: $colorIconLink;
+        height: auto;
+        line-height: 100%;
+        position: absolute;
+        font-size: 0.4em !important;
+        left: 0px;
+        bottom: 5%;
+        z-index: 2;
+        &:before {
+            content: "\f4";
+        }
+    }
 }
 
 .bar .ui-symbol {
@@ -70,14 +85,6 @@
 	position: absolute;
 }
 
-//.tree-item .type-icon {
-//	font-size: 16px; // 16px is crisp size
-//}
-
-.l-icon-link:before {
-	content: "\f4";
-}
-
 .l-icon-alert {
 	display: none !important; // Remove this when alerts are enabled
 	&:before {

platform/commonUI/general/res/sass/items/_item.scss

@@ -88,7 +88,7 @@
 	            z-index: 1;
                 .item-type {
                     //@include trans-prop-nice("color", $transTime);
-                    @include absPosDefault($iconMargin, false);
+                    @include absPosDefault($iconMargin, hidden);
                     //@include test(red);
                     //color: $colorItemIc;
                     text-align: center;
@@ -97,16 +97,6 @@
                     bottom: auto;
                     height: $iconD;
                     top: $iconMargin - 10;
-                    .l-icon-link {
-                        color: $colorIconLink;
-                        height: auto;
-                        line-height: 100%;
-                        position: absolute;
-                        font-size: 0.3em;
-                        left: 0px;
-                        bottom: 10px;
-                        z-index: 2;
-                    }
                 }
                 .item-open {
                     @include trans-prop-nice("opacity", $transTime);