styling fixes

Signed-off-by: Rohit Yadav <rohit.yadav@shapeblue.com>

ui/src/components/menu/SideMenu.vue

@@ -82,14 +82,14 @@ export default {
 
     .ant-menu-light {
       border-right-color: transparent;
-      padding: 14px 0;
+      padding: 10px 0;
     }
   }
 
   &.dark {
     .ant-menu-dark {
       border-right-color: transparent;
-      padding: 14px 0;
+      padding: 10px 0;
     }
   }
 }

ui/src/components/tools/Logo.vue

@@ -33,7 +33,7 @@ export default {
   height: 64px;
   position: relative;
   line-height: 64px;
-  padding-left: 8px;
+  padding-left: 12px;
   -webkit-transition: all .3s;
   transition: all .3s;
   background: #002140;
@@ -46,8 +46,8 @@ export default {
 }
 
 .logo-image {
-  width: 60px;
-  margin-right: 8px;
+  width: 54px;
+  margin-right: 12px;
   display: inline-block;
   vertical-align: middle;
 }

ui/src/components/tools/ProjectMenu.vue

@@ -2,7 +2,7 @@
   <span class="project-wrapper" :disabled="true">
     <a-select
       class="project-wrapper-select"
-      size="default"
+      size="large"
       defaultValue="Default View"
       :value="selectedProject"
       :disabled="isDisabled()"
@@ -87,7 +87,7 @@ export default {
 <style lang="less" scoped>
 .project-wrapper {
   &-select {
-    width: 70%
+    width: 165px;
   }
 }
 </style>

ui/src/views/dashboard/CapacityDashboard.vue

@@ -1,5 +1,5 @@
 <template>
-  <a-row class="capacity-dashboard" :gutter="24">
+  <a-row class="capacity-dashboard" :gutter="12">
     <a-col :xl="18">
       <div class="capacity-dashboard-wrapper">
         <div class="capacity-dashboard-select">