Added length slider to password generator page

src/popup/less/components.less

@@ -331,6 +331,16 @@
                 text-align: right;
             }
         }
+
+        &.list-section-item-slider {
+            .slider-value {
+                color: @gray-light;
+
+                &:before {
+                    content: "\00a0 \00a0 \00a0 \00a0 \00a0 \00a0 \00a0";
+                }
+            }
+        }
     }
 
     &.list-no-selection {
@@ -341,3 +351,12 @@
         }
     }
 }
+
+.generate-password-block {
+    margin: 20px;
+    font-size: 20px;
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}

src/popup/less/plugins.less

@@ -1,4 +1,21 @@
 @import (reference) "variables.less";
+@import "../../../node_modules/angularjs-slider/src/rzslider.less";
+
+/* Slider */
+
+@handleSize: 15px;
+@barDimension: 2px;
+@handleBgColor: @brand-primary;
+@handleInnerColor: @handleBgColor;
+@handleActiveColor: @handleBgColor;
+@handleHoverColor: @handleBgColor;
+@barNormalColor: @border-color-dark;
+
+.list-section-item-slider .rzslider {
+    width: 182px;
+    margin: 9px 0 0 5px;
+    float: right;
+}
 
 /* Toastr */