Fixed layout on FF, removed options in drawer

src/css/toolbox-animated-preview.css

@@ -41,21 +41,22 @@
   font-size: 12px;
   min-width: 55px;
   vertical-align: bottom;
-  line-height: 24px;
+  line-height: 26px;
 }
 
 .range-fps {
   overflow: hidden;
   width: 100px;
-  height : 24px;
+  height : 26px;
   margin : 0;
+  box-sizing: border-box;
 }
 
 .preview-toggle-onion-skin {
   font-size: 1.6rem;
   color: #aaa;
   float: left;
-  line-height: 24px;
+  line-height: 26px;
   height: 100%;
   padding-left: 5px;
   padding-right: 5px;

src/js/controller/settings/ApplicationSettingsController.js

@@ -18,10 +18,6 @@
     $('#grid-width').val(gridWidth);
     $('#grid-width').change(this.onGridWidthChange.bind(this));
 
-    var overlay = pskl.UserSettings.get(pskl.UserSettings.OVERLAY);
-    $('#overlay').val(overlay);
-    $('#overlay').change(this.onOverlayChange.bind(this));
-
     // Handle canvas background changes:
     $('#background-picker-wrapper').click(this.onBackgroundClick.bind(this));
   };
@@ -31,11 +27,6 @@
     pskl.UserSettings.set(pskl.UserSettings.GRID_WIDTH, parseInt(width, 10));
   };
 
-  ns.ApplicationSettingsController.prototype.onOverlayChange = function (evt) {
-    var overlay = $('#overlay').val();
-    pskl.UserSettings.set(pskl.UserSettings.OVERLAY, overlay);
-  };
-
   ns.ApplicationSettingsController.prototype.onBackgroundClick = function (evt) {
     var target = $(evt.target).closest('.background-picker');
     if (target.length) {

src/templates/settings/application.html

@@ -30,17 +30,6 @@
     </select>
   </div>
 
-  <div class="settings-title">
-    Overlay:
-  </div>
-  <div class="settings-item">
-    <label for="overlay">Display :</label>
-    <select id="overlay">
-      <option value="no-overlay">No overlay</option>
-      <option value="onion-skin">Onion skin</option>
-      <option value="layer-preview">Layer preview</option>
-    </select>
-  </div>
   <!-- <div class="settings-item">
     <label for="tiled-preview">Display tiled preview :</label>
     <input type="checkbox" value="1" id="tiled-preview" name="tiled-preview-checkbox"/>