fix button tooltip & popup menu style

Author: Rokt33r

browser/main/HomePage/ArticleDetail/index.js

@@ -35,6 +35,7 @@ othersMenu.append(new MenuItem({
 }))
 
 const BRAND_COLOR = '#18AF90'
+const OSX = global.process.platform === 'darwin'
 
 const editDeleteTutorialElement = (
   <svg width='300' height='500' className='tutorial'>
@@ -318,6 +319,7 @@ export default class ArticleDetail extends React.Component {
                   disabled={!isUnsaved}
                   >
                   <i className='fa fa-fw fa-save'/>&nbsp;Save
+                  <span className='tooltip' children={`Save Post (${OSX ? '⌘' : '^'} + S)`}/>
                 </button>
               </div>
 

browser/main/HomePage/ArticleNavigator.js

@@ -186,7 +186,7 @@ export default class ArticleNavigator extends React.Component {
             <div className='title'>Folders</div>
             <button onClick={e => this.handleNewFolderButton(e)} className='addBtn'>
               <i className='fa fa-fw fa-plus'/>
-              <span className='tooltip'>Create a new folder ({OSX === 'darwin' ? '⌘' : '^'} + Shift + n)</span>
+              <span className='tooltip'>Create a new folder ({OSX ? '⌘' : '^'} + Shift + n)</span>
             </button>
 
             {status.isTutorialOpen ? newFolderTutorialElement : null}

browser/styles/main/ArticleDetail.styl

@@ -110,6 +110,13 @@ infoButton()
         &:focus
           color white
           background-color lighten(brandColor, 15%)
+        .tooltip
+          tooltip()
+          margin-top 30px
+          margin-left -90px
+        &:hover .tooltip
+          opacity 1
+
       .ShareButton-open-button .tooltip
         margin-left -40px
       .ShareButton-dropdown
@@ -121,7 +128,7 @@ infoButton()
         border-radius 5px
         right 5px
         top 95px
-        box-shadow 0px 0px 10px 1px #c0c0c0
+        box-shadow 0px 0px 10px 1px alpha(#bbb, 0.8)
         border 1px solid #bcbcbc
         &.hide
           display none
@@ -133,7 +140,7 @@ infoButton()
           padding-left 20px
           text-align left
           font-size 13px
-          font-family 'Helvetica Neue'
+          font-family '.HelveticaNeueDeskInterface-Regular'
           &:hover
             background-color #4297FE
             color white