Close #20 by removing drag handles.

css/app.css

@@ -117,24 +117,6 @@ ul {
       max-width: 100%;
       width: 98%; }
 
-.grip {
-  position: relative; }
-  .grip:before {
-    content: '';
-    display: none;
-    width: 5px;
-    height: 20px;
-    background-image: url(../images/grips/vertical_dark.png);
-    background-repeat: no-repeat;
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    margin-top: -10px; }
-  .grip.btn-primary:before {
-    background-image: url(../images/grips/vertical.png); }
-  .grip:hover:before {
-    display: block; }
-
 .key-editor__popup {
   border: none;
   width: 0px;

index.html

@@ -45,9 +45,9 @@
           <div class="col-xs-12 text-center">
             <div class="" role="" style="margin-bottom: 2rem;">
               <button type="button" data-layer="base" class="uhk__layer-switcher btn btn-primary btn-lg current">Base</button>
-              <button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg grip">Mod</button>
+              <button type="button" data-layer="mod" class="uhk__layer-switcher btn btn-default btn-lg">Mod</button>
-              <button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg grip">Fn</button>
+              <button type="button" data-layer="fn" class="uhk__layer-switcher btn btn-default btn-lg">Fn</button>
-              <button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg grip">Mouse</button>
+              <button type="button" data-layer="mouse" class="uhk__layer-switcher btn btn-default btn-lg">Mouse</button>
             </div>
           </div>
           <div class="col-xs-12">
@@ -121,7 +121,7 @@
             </div>
             <div class="list-group-item action--item">
               <span class="glyphicon glyphicon-option-vertical move-handle" aria-hidden="true"></span>
-              <i class="fa fa-mouse-pointer"></i> Scroll by 150px downdward
+              <i class="fa fa-mouse-pointer"></i> Scroll by 150px downward
               <i class="glyphicon glyphicon-pencil action--edit"></i>
               <i class="glyphicon glyphicon-trash action--trash"></i>
             </div>
@@ -199,4 +199,3 @@
     </script>
   </body>
 </html>
- 

sass/app.scss

@@ -191,35 +191,6 @@ ul {
   }
 }
 
-.grip {
-  position: relative;
-
-  &:before {
-    content: '';
-    display: none;
-    width: 5px;
-    height: 20px;
-    background-image: url(../images/grips/vertical_dark.png);
-    background-repeat: no-repeat;
-    position: absolute;
-    top: 50%;
-    left: 7px;
-    margin-top: -10px;
-  }
-
-  &.btn-primary {
-    &:before {
-      background-image: url(../images/grips/vertical.png);
-    }
-  }
-
-  &:hover {
-    &:before {
-      display: block;
-    }
-  }
-}
-
 .key-editor__popup {
   border: none;
   width: 0px;