Create welcome closing slide. Change btn type.

src/styles/components/helptour.scss

@@ -71,6 +71,14 @@
     left: initial;
     right: 10px;
   }
+  .welcomePane {
+    position: relative;
+    margin: 0 auto;
+    top: 150px;
+    .btn {
+      margin-top: 10px;
+    }
+  }
 }
 
 .arrow+.secondArrow {

static/js/directives/helptour.js

@@ -45,6 +45,8 @@ define(['jquery', 'angular', 'text!partials/helpoverlay.html', 'text!partials/he
 			menus.triggerMediaAccess = function() {
 				if (trigger) {
 					mediaStream.webrtc.testMediaAccess(function() {});
+				} else {
+					mediaStream.webrtc.stop();
 				}
 			};
 			menus.toggleRoom = function(css) {

static/partials/helpoverlay.html

@@ -31,6 +31,14 @@
             <h3 class="popover-title">{{_('Media permission')}}</h3>
             <div class="popover-content">{{_('Everytime a call is made or recieved a permission window from the browser will show up like this. To make a call you must accept, otherwise the browser cannot use your wecam and video to make a call. This is a security and privacy precaution.')}}</div>
         </div>
+        <div class="popover bottom welcomePane">
+            <h3 class="popover-title">{{_('Welcome')}}</h3>
+            <div class="popover-content">
+                {{_('Welcome to spreed-webrtc! Start calling and chatting now.')}}
+                <button class="btn btn-primary btn-block" ng-click="exitTour()">Exit Tour</button>
+                <button class="btn btn-default btn-block" ng-click="togglePause()">Replay Tour</button>
+            </div>
+        </div>
     </div>
     <div class="popover in tourControl" ng-if="currentIndex !== null">
         <div class="arrow"></div><h3 class="popover-title ng-binding">{{_('Tour Control')}} / {{_('Window %d of %d', currentIndex + 1, steps.length)}}</h3>

static/partials/helptour.html

@@ -9,7 +9,7 @@
   <div class="modal-footer">
     <div class="pull-right">
       <button class="btn btn-default" ng-click="$dismiss()">{{_('Cancel')}}</button>
-      <button class="btn btn-success" ng-click="goTour()">{{_('Go')}}</button>
+      <button class="btn btn-primary" ng-click="goTour()">{{_('Go')}}</button>
     </div>
   </div>
 </div>

static/partials/settings.html

@@ -279,7 +279,7 @@
         <div class="form-group">
           <label class="col-xs-4 control-label">{{_('Tour features')}}</label>
           <div class="col-xs-8">
-            <button class="btn btn-success" ng-click="takeTour()">{{_('Take tour')}}</button>
+            <button class="btn btn-primary" ng-click="takeTour()">{{_('Take tour')}}</button>
           </div>
         </div>
       </settings-help>