From a5cfe76c61544244840239b848fac015de074e26 Mon Sep 17 00:00:00 2001
From: Guillermo Rauch <rauchg@gmail.com>
Date: Sun, 17 Jul 2016 13:02:34 -0700
Subject: [PATCH] notification style improvements and link to release notes
 upon updates

---
 app/lib/components/notification.js  | 10 ++++++++--
 app/lib/components/notifications.js | 13 +++++++++----
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/app/lib/components/notification.js b/app/lib/components/notification.js
index 58da887d..3bf599e6 100644
--- a/app/lib/components/notification.js
+++ b/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': {
diff --git a/app/lib/components/notifications.js b/app/lib/components/notifications.js
index 988d1b82..cd09118e 100644
--- a/app/lib/components/notifications.js
+++ b/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>
       }