ux: testing roboto font

public/sass/_variables.scss

@@ -80,7 +80,7 @@ $enable-flex: false;
 // Typography
 // -------------------------
 
-$font-family-sans-serif:   "Open Sans", Helvetica, Arial, sans-serif;
+$font-family-sans-serif:   "Roboto", Helvetica, Arial, sans-serif;
 $font-family-serif:        Georgia, "Times New Roman", Times, serif;
 $font-family-monospace:    Menlo, Monaco, Consolas, "Courier New", monospace;
 $font-family-base:         $font-family-sans-serif !default;
@@ -93,7 +93,7 @@ $font-size-sm:   .875rem !default;
 $font-size-xs:   .75rem !default;
 
 $line-height-base: 1.5 !default;
-$font-weight-semi-bold: 600;
+$font-weight-semi-bold: 500;
 
 $font-size-h1: 2.0rem !default;
 $font-size-h2: 1.75rem !default;
@@ -116,7 +116,7 @@ $lead-font-size:   1.25rem !default;
 $lead-font-weight: 300 !default;
 
 $headings-margin-bottom: ($spacer / 2) !default;
-$headings-font-family:  "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$headings-font-family:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
 $headings-font-weight:   400 !default;
 $headings-line-height:   1.1 !default;
 

public/sass/components/_row.scss

@@ -122,7 +122,7 @@ $dash-row-menu-animation-speed: 0.20s;
   min-height: 100%;
   transform: translate(-131px, 0);
   transition: 0.1s ease-out 0.4s;
-  z-index: 99;
+  z-index: 0;
   display: flex;
   flex-direction: row;
 

public/sass/pages/_dashboard.scss

@@ -70,6 +70,7 @@ div.flot-text {
 
 .panel-title-text {
   cursor: pointer;
+  font-weight: $font-weight-semi-bold;
 
   &:hover {
     color: $link-hover-color;