added close x, prevent text selection on dbl-click in the pager, one last style fix

Author: marcgurney

src/tour/index.jade

@@ -3,6 +3,7 @@
   #tour
     .modal-header
       h2 Welcome to MongoDB Compass
+      a.tour-close-button ×
     #animation
       img#animation-gif(src="./images/tour/f0.gif")
     #features

src/tour/index.js

@@ -18,6 +18,7 @@ var TourView = View.extend({
     'click .previous-slide': 'showPreviousFeature',
     'click .next-slide': 'showNextFeature',
     'click #tour-remove': 'tourRemove',
+    'click .tour-close-button': 'tourRemove',
     'click #tour-bg': 'tourRemove'
   },
   render: function() {
@@ -58,7 +59,7 @@ var TourView = View.extend({
     // select new
     ev.target.className = 'selected';
 
-    $('#animation-gif').one('webkitTransitionEnd', function(event) {
+    $('#animation-gif').one('webkitTransitionEnd', function() {
       that.$animationGIF.src = that.tourImagesFolder + ev.target.id + '.gif';
       $('#animation-gif').css('opacity', '1');
     });

src/tour/index.less

@@ -30,20 +30,32 @@
   background-color: @pw;
   -webkit-transform: translate(-50%, -50%);
 
+  a.tour-close-button {
+    position: absolute;
+    right: 10px;
+    top: 0;
+    color: @gray6;
+    font-size: 28px;
+    font-weight: 200;
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: none;
+      color: @gray5;
+    }
+  }
   #animation, #features {
     float: left;
   }
   #animation {
     width: 66%;
 
     img {
-      // opacity: 0;
       width: 90%;
       margin: 20px auto 40px;
       display: block;
       border: 1px @gray6 solid;
       box-shadow: 0 8px 15px rgba(0,0,0,0.1);
-      // animation: fade-in 1000ms ease-out forwards;
       transition: opacity 250ms ease-out;
     }
   }
@@ -64,6 +76,7 @@
     }
     .pager {
       position: relative;
+      -webkit-user-select: none;
 
       a {
         position: absolute;