Add help text to mouse speed setup. #49

The positioning of the text needs some more work.

popup__iframe.html

@@ -221,6 +221,10 @@
         </div>
       </div>
       <div style="display: none;" class="mouse__config mouse__config--speed text-center">
+        <div class="help-text--mouse-speed text-left">
+          <p>Press this key along with mouse movement/scrolling to accelerate/decelerate the speed of the action.</p>
+          <p>You can set the multiplier in <a href="#" title="link to the setting">link to setting</a>.</p>
+        </div>
         <div class="btn-group btn-group-lg" role="group">
           <button type="button" class="btn btn-default">-</button>
           <button type="button" class="btn btn-default">+</button>

sass/style.scss

@@ -177,3 +177,15 @@
     }
   }
 }
+
+.help-text {
+  &--mouse-speed {
+    margin-bottom: 2rem;
+    font-size: .9em;
+    color: #666;
+
+    p {
+      margin: 0;
+    }
+  }
+}