feat: Style the dashboard topbar actions and user dropdown.

client/src/style/App.scss

@@ -56,6 +56,11 @@ $pt-font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
 @import 'views/filter-dropdown';
 @import 'views/sidebar';
 
+
+.App{
+  min-width: 960px;
+}
+
 .#{$ns}-tooltip {
   box-shadow: none;
 }

client/src/style/pages/dashboard.scss

@@ -40,7 +40,7 @@
     &-navbar{
       display: flex;
       align-items: center;
-      margin-right: 18px;
+      margin-right: 4px;
 
       .#{$ns}-button{
         color: #1552C8;
@@ -53,6 +53,7 @@
         }
         .#{$ns}-icon{
           color: #1552C8;
+          margin-right: 5px;
         }
       }
     }
@@ -60,20 +61,26 @@
     &-user{
       display: flex;
       align-items: center;
+      margin-right: 14px;
 
-      .#{$ns}-button{
+      .bp3-button:not([class*="bp3-intent-"]):not(.bp3-minimal){
+        padding: 0;
         background-size: contain;
+        background-color: #F6DCFA;
         border-radius: 50%;
-        height: 32px;
-        width: 32px;
-        
+        height: 30px;
+        width: 30px;
+
+        .user-text {
+          font-size: 12px;
+          color: #804f87;
+        }
         &,
         &:hover,
         &:focus{
-          background-color: transparent;
+          background-color: #F6DCFA;
           border: 0;
           box-shadow: none;
-          background-image: url(http://1.gravatar.com/avatar/767fc9c115a1b989744c755db47feb60?size=400);
         }
       }
     }
@@ -318,4 +325,16 @@
     0 18px 46px 6px rgba(16, 22, 26, 0.2);
   background-color: #fff;
   width: 500px;
+}
+
+
+.menu--logged-user-dropdown{
+
+  .menu-item--profile{
+
+    .org{
+      font-size: 12px;
+      color: #777;
+    }    
+  }
 }

client/src/style/views/Sidebar.scss

@@ -40,7 +40,7 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
       margin-top: 4px;
 
       svg{
-        opacity: 0.45;
+        opacity: 0.5;
       }
     }
   }