update fonts and fix button font size

ui/dist/index.html

@@ -3,8 +3,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width">
         <title>LBRY</title>
-
-        <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600italic,600' rel='stylesheet' type='text/css'>
+        <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700" rel="stylesheet"> 
         <link href="./css/all.css" rel="stylesheet" type="text/css" media="screen,print" />
         <link rel="icon" type="image/png" href="./img/fav/favicon-32x32.png" sizes="32x32">
         <link rel="icon" type="image/png" href="./img/fav/favicon-194x194.png" sizes="194x194">

ui/js/component/file-selector.js

@@ -55,9 +55,13 @@ class FileSelector extends React.PureComponent {
           className="button-block button-alt file-selector__choose-button"
           onClick={() => this.handleButtonClick()}
         >
-          {this.props.type == "file"
-            ? __("Choose File")
-            : __("Choose Directory")}
+          <span className="button__content">
+            <span className="button-label">
+              {this.props.type == "file"
+                ? __("Choose File")
+                : __("Choose Directory")}
+            </span>
+          </span>
         </button>
         {" "}
         <span className="file-selector__path">

ui/scss/_gui.scss

@@ -7,7 +7,7 @@ html
 body
 {
   color: var(--text-color);
-  font-family: 'Source Sans Pro', sans-serif;
+  font-family: 'Roboto', sans-serif;
   line-height: var(--font-line-height);
 }
 
@@ -25,7 +25,7 @@ body
 
 .credit-amount--indicator
 {
-  font-weight: bold;
+  font-weight: 500;
   color: var(--color-money);
 }
 .credit-amount--fee

ui/scss/component/_button.scss

@@ -43,6 +43,8 @@ $button-focus-shift: 12%;
 .button-block
 {
   cursor: pointer;
+  font-weight: 500;
+  font-size: 14px;
   transition: background var(--animation-duration) var(--animation-style);
 }
 
@@ -94,6 +96,5 @@ $button-focus-shift: 12%;
 
 .button--submit {
     font-family: inherit;
-    font-size: inherit;
     line-height: 0;
 }

ui/scss/component/_card.scss

@@ -54,6 +54,7 @@
 .card__actions--bottom {
   margin-top: $spacing-vertical * 1/3;
   margin-bottom: $spacing-vertical * 1/3;
+  border-top: var(--divider);
 }
 .card__actions--form-submit {
   margin-top: $spacing-vertical;
@@ -288,4 +289,4 @@ if we keep doing things like this, we should add a real grid system, but I'm goi
   > .card:nth-of-type(2n - 1):not(:last-child) {
     margin-right: $margin-card-grid;
   }
-}
+}

ui/scss/component/_file-selector.scss

@@ -4,8 +4,9 @@
 
 .file-selector__choose-button {
   font-family: inherit;
+  line-height: 0;
+  color: inherit;
   margin-right: 16px;
-  padding: 0 16px;
 }
 
 .file-selector__path {

ui/scss/component/_tabs.scss

@@ -11,7 +11,7 @@ nav.sub-header
     height: 38px;
     line-height: 38px;
     text-align: center;
-    font-weight: 600;
+    font-weight: 500;
     text-transform: uppercase;
     display: inline-block;
     vertical-align: baseline;