ui: cluster page visual tweaks

pkg/ui/styl/base/typography.styl

@@ -70,7 +70,7 @@ font-face('Lato-Heavy')
 font-face('Lato-Bold')
 font-face('Lato-Medium')
 font-face('Lato-Regular')
-font-face('Lato-Light')
+// font-face('Lato-Light')
 
 @font-face
   font-family 'Inconsolata-Regular'

pkg/ui/styl/components/dropdown.styl

@@ -35,10 +35,14 @@
     &:first-child
       border-right 1px solid $gray-blue
       padding 1rem 20px
+      border-top-left-radius 4px
+      border-bottom-left-radius 4px
 
     &:last-child
       border-left 1px solid $gray-blue
       padding 1rem 20px
+      border-top-right-radius 4px
+      border-bottom-right-radius 4px
 
     &[disabled]
       background-color $lighter-gray

pkg/ui/styl/components/summarybar.styl

@@ -2,11 +2,11 @@
   width calc(100% - 48px)
   float left
   background-color white
-  margin 0 24px 30px
-  padding 24px 24px 12px
+  margin 0 6px 10px
+  padding 15px 24px 12px
   border-radius 5px
   border 1px solid rgba(0, 0, 0, .1)
-  font-family lato
+  font-family lato-regular
 
 .summary-headline
   margin-bottom 12px
@@ -29,6 +29,7 @@
   font-weight bold
   color $light-blue
   padding-bottom 12px
+  text-align center
 
 .summary-stat
   clearfix()

pkg/ui/styl/components/visualizations.styl

@@ -30,7 +30,7 @@ $viz-sides = 62px
   width 925px
 
   &__content
-    padding 15px 10px
+    padding 0 10px 15px
     height 200px
     &.visualization--loading
       display flex
@@ -40,20 +40,21 @@ $viz-sides = 62px
   &__header
     padding 15px 25px 0
     clearfix()
+    text-align center
 
   &__title
     font-size 14px
     font-family lato
-    float left
     font-weight bold
     color $light-blue
+    display inline
 
   &__subtitle
     color $light-gray
     margin-left 5px
     font-size 12px
     font-family lato
-    float left
+    display inline
 
   &__spinner
     width 40px
@@ -62,6 +63,7 @@ $viz-sides = 62px
   &__info-icon
     float right
     color $secondary-gray-5
+    display none
 
   .icon-warning
     color $secondary-gold