CHE-1491: add "+" button next to "Recent workspaces"

Signed-off-by: Oleksii Kurinnyi <[email protected]>

dashboard/src/app/navbar/navbar.styl

@@ -69,14 +69,28 @@ che-nav-bar
   margin-top -4px
 
 .admin-navbar-menu
-  .navbar-section span.navbar-section-title
-    padding-top 10px
-    padding-left 10px
+  .navbar-section.navbar-section-title
+    margin-top 9px
+    margin-left 10px
     text-transform uppercase
     font-size 0.9em
+    line-height 19px
+    height 19px
     white-space nowrap
+
+    .navbar-section-title-button
+      min-height 19px
+      height 19px
+      margin 0 6px
+      min-width 19px
+      width 19px
+      padding 0 5px
+      line-height inherit
+      color inherit
+      border-radius 2px
+
   .navbar-section + md-list
-    padding-top 2px
+    padding-top 0
 
 /* text color */
 .admin-navbar-menu .navbar-header,
@@ -88,7 +102,7 @@ che-nav-bar
 .admin-navbar-menu md-list-item a.md-button span.navbar-number
   color $navbar-menu-dark-text-color
 
-.admin-navbar-menu .navbar-section span.navbar-section-title
+.admin-navbar-menu .navbar-section.navbar-section-title
   color $navbar-section-title-color
 
 .admin-navbar-menu section a.md-button .navbar-icon,

dashboard/src/app/navbar/recent-workspaces/recent-workspaces.html

@@ -1,10 +1,17 @@
 <div class="admin-navbar-menu recent-workspaces"
      ng-show="navbarRecentWorkspacesController.getRecentWorkspaces().length">
-  <section class="left-sidebar-menu" layout="column" layout-align="start start">
+  <section class="left-sidebar-menu" layout="column" layout-align="start stretch">
 
-    <div class="navbar-section"
-         flex layout="row" layout-align="start start">
-      <span flex class="navbar-section-title">Recent workspaces</span>
+    <div class="navbar-section navbar-section-title"
+         flex layout="row">
+      <div flex>
+        <span>Recent workspaces</span>
+      </div>
+      <div>
+        <md-button class="navbar-section-title-button" ng-href="#/create-workspace">
+          <i class="fa fa-plus" aria-hidden="true"></i>
+        </md-button>
+      </div>
     </div>
 
     <md-list layout="column">