fixes for changing generator length

src/popup/generator/password-generator.component.html

@@ -64,7 +64,7 @@
                 <div class="box-content-row box-content-row-slider" appBoxRow>
                     <label for="length">{{'length' | i18n}}</label>
                     <input id="length" type="number" min="5" max="128" [(ngModel)]="options.length"
-                        (blur)="saveOptions()">
+                        (change)="lengthChanged()" (blur)="saveOptions()">
                     <input id="lengthRange" type="range" min="5" max="128" step="1" [(ngModel)]="options.length"
                         (change)="sliderChanged()" (input)="sliderInput()">
                 </div>

src/popup/generator/password-generator.component.ts

@@ -37,6 +37,10 @@ export class PasswordGeneratorComponent extends BasePasswordGeneratorComponent {
         this.close();
     }
 
+    lengthChanged() {
+        document.getElementById('length').focus();
+    }
+
     close() {
         this.location.back();
     }

src/popup/scss/pages.scss

@@ -11,8 +11,11 @@ app-sync {
 app-password-generator .password-block {
     font-size: $font-size-large;
     font-family: $font-family-monospace;
-    text-align: center;
     margin: 20px;
+
+    .password-wrapper {
+        text-align: center;
+    }
 }
 
 app-home {