Label component: fix text positioning

Resolves #935

Author: oodamien

ui/src/app/audit/components/audit-record-action/styles.scss

@@ -1,5 +1,5 @@
 
 .label {
-  border-radius: 10px;
+  border-radius: 12px;
   font-size: 12px;
 }

ui/src/app/audit/components/audit-record-operation/styles.scss

@@ -1,13 +1,13 @@
 
 .label {
-  border-radius: 10px;
+  border-radius: 12px;
   font-size: 12px;
   background: #87939f;
   position: relative;
   padding-left: 22px;
   i.fa {
     position: absolute;
-    top: 4px;
+    top: 5px;
     left: 6px;
   }
 }

ui/src/scss/components/_buttons.scss

@@ -8,6 +8,7 @@ $btn-light: $navy-1;
   text-transform: none;
   letter-spacing: 0;
   height: 34px;
+  line-height: 32px;
   font-weight: normal;
   font-size: 15px;
   span.fa {

ui/src/scss/layout/_content.scss

@@ -150,7 +150,7 @@
       height: 28px;
       margin: 2px 2px;
       width: 160px;
-      line-height: 28px;
+      line-height: 30px;
       font-size: 15px;
       cursor: pointer;
       color: #3d4b53;

ui/src/scss/pui-variables.scss

@@ -284,7 +284,7 @@ $underline-gray: linear-gradient(rgba(0, 0, 0, 0) $u-top, $underline-gray $u-top
 // Typography
 // -------------------------
 
-$font-family-sans-serif: 'Source Sans Pro', 'SourceSansPro', sans-serif;
+$font-family-sans-serif: 'SourceSansPro', 'Source Sans Pro', sans-serif;
 $font-family-serif: Georgia, "Times New Roman", Times, serif;
 $font-family-monospace: Menlo, Consolas, "Courier New", monospace;
 $font-family-base: $font-family-sans-serif;

ui/src/scss/styles.scss

@@ -179,7 +179,7 @@ div.tooltip-version {
   z-index: 100;
   h1.dataflow-page-head-title {
     font-size: 20px;
-    padding: 16px 0;
+    padding: 18px 0 14px;
     line-height: 26px;
     strong {
       font-weight: 600;
@@ -199,7 +199,7 @@ div.tooltip-version {
       color: $navy-1;
       display: block;
       padding: 12px 15px;
-      line-height: 24px;
+      line-height: 28px;
       margin: 6px 4px 6px 4px;
       cursor: pointer;
       &:hover {
@@ -208,7 +208,7 @@ div.tooltip-version {
     }
   }
   app-page-head-subtitle {
-    padding: 14px 0 14px 15px;
+    padding: 16px 0 12px 15px;
     line-height: 32px;
   }
 }
@@ -404,7 +404,7 @@ em.required {
 
 .label {
   display: inline;
-  padding: .2em .6em .3em;
+  padding: .35em .85em .25em;
   font-size: 12px;
   font-weight: 400;
   text-transform: capitalize;
@@ -442,7 +442,6 @@ em.required {
 }
 
 .label-apptype, .label-stream-status, .label-task-status, .label-job-status {
-  padding: .25em 0.8em .3em;
   &.label-default {
     background-color: #87939f;
   }
@@ -479,7 +478,7 @@ em.required {
   .btn {
     height: 42px;
     padding: 0 30px;
-    line-height: 38px;
+    line-height: 40px;
   }
 }