inline redios

src/app/tools/password-generator.component.html

@@ -7,15 +7,15 @@
     </div>
 </div>
 <div class="form-group">
-    <div class="form-check">
+    <div class="form-check form-check-inline">
         <input id="generate-password" name="type" value="password" class="form-check-input" type="radio" (change)="saveOptions()"
             [(ngModel)]="options.type">
-        <label for="generate-password">{{'generatePassword' | i18n}}</label>
+        <label for="generate-password" class="form-check-label">{{'password' | i18n}}</label>
     </div>
-    <div class="form-check">
+    <div class="form-check form-check-inline">
         <input id="generate-passphrase" name="type" value="passphrase" class="form-check-input" type="radio" (change)="saveOptions()"
             [(ngModel)]="options.type">
-        <label for="generate-passphrase">{{'generatePassphrase' | i18n}}</label>
+        <label for="generate-passphrase" class="form-check-label">{{'passphrase' | i18n}}</label>
     </div>
 </div>
 <div class="row" *ngIf="options.type === 'passphrase'">
@@ -25,7 +25,8 @@
     </div>
     <div class="form-group col-4">
         <label for="word-separator">{{'wordSeparator' | i18n}}</label>
-        <input id="word-separator" class="form-control" type="text" maxlength="1" [(ngModel)]="options.wordSeparator" (blur)="saveOptions()">
+        <input id="word-separator" class="form-control" type="text" maxlength="1" [(ngModel)]="options.wordSeparator"
+            (blur)="saveOptions()">
     </div>
 </div>
 <ng-container *ngIf="options.type === 'password'">

src/locales/en/messages.json

@@ -37,6 +37,9 @@
   "password": {
     "message": "Password"
   },
+  "passphrase": {
+    "message": "Passphrase"
+  },
   "notes": {
     "message": "Notes"
   },
@@ -207,9 +210,6 @@
   "generatePassword": {
     "message": "Generate Password"
   },
-  "generatePassphrase": {
-    "message": "Generate Passphrase"
-  },
   "checkPassword": {
     "message": "Check if password has been exposed."
   },