Updating tutorials UI

web/react/components/sidebar_header.jsx

@@ -64,7 +64,8 @@ export default class SidebarHeader extends React.Component {
 
         screens.push(
             <div>
-                <h4><strong>{'Sending Messages'}</strong></h4>
+                <h4>{'Main Menu'}</h4>
+                <p>
                 {'The '}<strong>{'Main Menu'}</strong>{' is where you can '}
                 <a
                     href='#'
@@ -82,8 +83,10 @@ export default class SidebarHeader extends React.Component {
                     {'Account Settings'}
                 </a>
                 {', and set your '}<strong>{'Theme Color'}</strong>{'.'}
-                <br/><br/>
+                </p>
+                <p>
                 {'Team administrators can also access their '}{teamSettingsLink}{' from this menu.'}
+                </p>
             </div>
         );
 
@@ -95,7 +98,7 @@ export default class SidebarHeader extends React.Component {
                     ref='tip'
                     placement='right'
                     screens={screens}
-                    overlayClass='tip-overlay--sidebar'
+                    overlayClass='tip-overlay--header'
                 />
             </div>
         );

web/react/components/tutorial/tutorial_tip.jsx

@@ -70,7 +70,7 @@ export default class TutorialTip extends React.Component {
         }
 
         return (
-            <div className='tip-div'>
+            <div className={'tip-div ' + this.props.overlayClass}>
                 <img
                     className='tip-button'
                     src='/static/images/tutorialTip.gif'
@@ -93,6 +93,7 @@ export default class TutorialTip extends React.Component {
                     target={() => this.refs.target}
                 >
                     <div className={'tip-overlay ' + this.props.overlayClass}>
+                        <div className='arrow'></div>
                         {this.props.screens[this.state.currentScreen]}
                         <div className='tutorial__circles'>{dots}</div>
                         <div className='text-right'>