vn icon css changes for main menu

client/core/src/icon/style.css

@@ -5,4 +5,4 @@ vn-icon {
 vn-icon > i {
     display: block;
     font-size: inherit !important;
-}
+}

client/salix/src/components/main-menu/main-menu.html

@@ -1,9 +1,13 @@
 <div style="position: fixed; top: 0; right: 0; padding: .8em 1.5em; z-index: 10;">
     <vn-icon icon="apps" id="apps" translate-attr="{title: 'Applications'}"></vn-icon>
-    <vn-icon icon="notifications" translate-attr="{title: 'Notifications'}"></vn-icon>
     <vn-icon icon="language" translate-attr="{title: 'Change language'}" ng-click="$ctrl.onChangeLanguage()"></vn-icon>
     <vn-icon icon="exit_to_app" translate-attr="{title: 'Logout'}" ng-click="$ctrl.onLogoutClick()"></vn-icon>
-    <vn-icon icon="account_circle" translate-attr="{title: 'Profile'}" style="font-size: 35px;"></vn-icon>
+<!--
+    TODO: Keep it commented until they are functional
+
+    <vn-icon icon="notifications" translate-attr="{title: 'Notifications'}"></vn-icon>
+    <vn-icon icon="account_circle" translate-attr="{title: 'Profile'}"></vn-icon>
+-->
     <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" pad-small for="apps">
         <li class="mdl-menu__item" ng-repeat="mod in $ctrl.modules track by $index" ui-sref="{{::mod.route.state}}">
             <vn-icon ng-if="mod.icon && !mod.icon.startsWith('/')" icon="{{::mod.icon}}"></vn-icon>

client/salix/src/components/main-menu/style.scss

@@ -1,4 +1,13 @@
 vn-main-menu {
+    & > div > vn-icon {
+        font-size: 2.5em;
+        cursor: pointer;
+
+        &:hover {
+            color: #FF9300;
+        }
+    }
+    
     li.mdl-menu__item{
         background-color: #FF9300;
         margin-bottom: 8px;

client/salix/src/styles/display.css

@@ -1,6 +1,7 @@
 .display-block {
     display: block;
 }
+
 .well {
     min-height: 20px;
     padding: 19px;
@@ -10,6 +11,7 @@
     border-radius: 4px;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
 }
+
 .form-group {
     margin-bottom: 15px;
 }
@@ -20,6 +22,7 @@
     height: auto;
     min-width: auto;
 }
+
 .popover-label {
   font-weight: bold;
   color: black;
@@ -32,12 +35,15 @@
   height: 46px;
   line-height: 0px;
 }
+
 input:disabled, button:disabled {
     cursor: not-allowed !important;
 }
+
 input[type="submit"]:disabled, button:disabled {
     opacity: 0.7;
 }
+
 .descriptor-icon{
     font-size:60px;
-}
+}