UI adjustments to accomedate other languages (#34)

src/popup/app/settings/views/settingsFolders.html

@@ -5,7 +5,7 @@
     <div class="right">
         <a ui-sref="addFolder({animation: 'in-slide-up'})"><i class="fa fa-plus fa-lg"></i></a>
     </div>
-    <div class="title">Folders</div>
+    <div class="title">{{i18n.folders}}</div>
 </div>
 <div class="content">
     <div ng-if="folders.length">

src/popup/app/tools/views/toolsPasswordGenerator.html

@@ -1,6 +1,6 @@
 <div class="header">
     <div class="left">
-        <a ng-click="close()" href="">Close</a>
+        <a ng-click="close()" href="">{{i18n.close}}</a>
     </div>
     <div class="right">
         <a ng-click="select()" ng-show="showSelect" href="">{{i18n.select}}</a>

src/popup/less/components.less

@@ -255,7 +255,7 @@
             font-size: 35px;
             float: left;
             display: inline-block;
-            margin-right: 8px;
+            margin: 0 8px 5px 0;
         }
 
         .text {
@@ -356,7 +356,7 @@
                 display: inline-block;
                 border: none;
                 background: none;
-                width: 100px;
+                width: 55px;
                 text-align: right;
             }
         }
@@ -429,7 +429,7 @@
         top: 50%;
         margin-top: -70px;
         display: block;
-        width: 100%;
         text-align: center;
+        padding: 0 10px;
     }
 }

src/popup/less/plugins.less

@@ -12,7 +12,7 @@
 @barNormalColor: @border-color-dark;
 
 .list-section-item-slider .rzslider {
-    width: 182px;
+    width: 170px;
     margin: 9px 0 0 5px;
     float: right;
 }