From 4c5c42e37415df75d398027b6c2a6ea39e138688 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Mon, 2 Nov 2015 20:57:23 +0500
Subject: Updating tutorials UI

---
 web/react/components/sidebar_header.jsx        | 9 ++++++---
 web/react/components/tutorial/tutorial_tip.jsx | 3 ++-
 2 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'web/react')

diff --git a/web/react/components/sidebar_header.jsx b/web/react/components/sidebar_header.jsx
index 0d48c6f88..1bf70ce76 100644
--- a/web/react/components/sidebar_header.jsx
+++ b/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>
         );
diff --git a/web/react/components/tutorial/tutorial_tip.jsx b/web/react/components/tutorial/tutorial_tip.jsx
index 118209599..c85acb346 100644
--- a/web/react/components/tutorial/tutorial_tip.jsx
+++ b/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'>
-- 
cgit v1.2.3-1-g7c22