notification style improvements and link to release notes upon updates

app/lib/components/notification.js

@@ -96,14 +96,20 @@ export default class Notification extends Component {
         cursor: 'default',
         WebkitUserSelect: 'none',
         background: 'rgba(255, 255, 255, .2)',
-        padding: '6px 14px',
+        padding: '8px 14px 9px',
         marginLeft: '10px',
         transition: '150ms opacity ease',
         color: '#fff',
-        font: '11px Menlo'
+        fontSize: '11px',
+        fontFamily: `-apple-system, BlinkMacSystemFont,
+        "Segoe UI", "Roboto", "Oxygen",
+        "Ubuntu", "Cantarell", "Fira Sans",
+        "Droid Sans", "Helvetica Neue", sans-serif`
       },
 
       dismissLink: {
+        position: 'relative',
+        left: '4px',
         cursor: 'pointer',
         color: '#528D11',
         ':hover': {

app/lib/components/notifications.js

@@ -37,11 +37,16 @@ export default class Notifications extends Component {
           <Notification
             key='update'
             backgroundColor='#7ED321'
-            text={`Version ${this.props.updateVersion} available`}
+            text={`Version ${this.props.updateVersion} ready`}
             onDismiss={ this.props.onDismissUpdate }
             userDismissable={ true }>
-            Version <b>{ this.props.updateVersion}</b> available.
-            { this.props.updateNote && ` ${this.props.updateNote.trim().replace(/\.$/, '')}.` }
+            Version <b>{ this.props.updateVersion}</b> ready.
+            { this.props.updateNote && ` ${this.props.updateNote.trim().replace(/\.$/, '')}` }
+            { ' ' }
+            (<a
+              style={{ color: '#fff' }}
+              target="_blank"
+              href={`https://github.com/zeit/hyperterm/releases/tag/${this.props.updateVersion}`}>notes</a>).
             { ' ' }
             <a style={{
               cursor: 'pointer',
@@ -49,7 +54,7 @@ export default class Notifications extends Component {
               fontWeight: 'bold' }}
               onClick={ this.props.onUpdateInstall }>
                 Restart
-              </a>
+            </a>.
             { ' ' }
           </Notification>
       }