cleanup generator

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

@@ -3,7 +3,7 @@
 </div>
 <div class="card card-password bg-light my-4">
     <div class="card-body">
-        <span>{{password}}</span>
+        {{password}}
     </div>
 </div>
 <h2>{{'options' | i18n}}</h2>
@@ -11,8 +11,6 @@
     <div class="form-group col-4">
         <label for="length">{{'length' | i18n}}</label>
         <input id="length" class="form-control" type="number" min="5" max="128" [(ngModel)]="options.length" (input)="saveOptions()">
-        <input id="lengthRange" class="mt-2" type="range" min="5" max="128" step="1" [(ngModel)]="options.length" (change)="sliderChanged()"
-            (input)="sliderInput()">
     </div>
     <div class="form-group col-4">
         <label for="min-number">{{'minNumbers' | i18n}}</label>
@@ -47,7 +45,7 @@
 </div>
 <div class="d-flex">
     <div>
-        <button type="button" class="btn btn-outline-primary" appBlurClick (click)="regenerate()">
+        <button type="button" class="btn btn-primary" appBlurClick (click)="regenerate()">
             {{'regeneratePassword' | i18n}}
         </button>
         <button type="button" class="btn btn-outline-primary" appBlurClick (click)="copy()">
@@ -55,8 +53,8 @@
         </button>
     </div>
     <div class="ml-auto">
-        <button type="button" class="btn btn-link" appBlurClick (click)="history()">
-            {{'passwordHistory' | i18n}}
+        <button type="button" class="btn btn-outline-primary" appBlurClick (click)="history()" title="{{'passwordHistory' | i18n}}">
+            <i class="fa fa-clock-o fa-lg"></i>
         </button>
     </div>
 </div>

src/scss/styles.scss

@@ -302,9 +302,8 @@ app-password-generator {
     }
 
     .card-password {
-        span {
+        .card-body {
             word-break: break-all;
-            display: block;
             text-align: center;
             font-size: $font-size-lg;
             font-family: $font-family-monospace;