Updated passwords-tool ui

Signed-off-by: fnuesse <felix.nuesse@t-online.de>
This commit is contained in:
fnuesse 2018-12-22 12:02:31 +01:00
parent 0751fbf2c6
commit 558f2812ec
No known key found for this signature in database
GPG key ID: 2089A3431243E819
2 changed files with 22 additions and 8 deletions

View file

@ -20,12 +20,26 @@
* *
*/ */
.spacer-top-30{
margin-top: 30px;
}
.scan-result-table { .scan-result-table {
margin-top: 10px; td {
vertical-align: top !important;
}
.score { .score {
width: 55%;
padding-left: 0px; padding-left: 0px;
padding-right: 15px; padding-right: 15px;
} }
.label-audit{
width: 15%;
}
}
.detail_box{
border: 1px solid var(--color-border-dark);
margin-top: 25px;
padding: 5px;
} }
.error { .error {

View file

@ -10,23 +10,23 @@
</div> </div>
<div class="row" ng-show="scan_result"> <div class="row" ng-show="scan_result">
<div class="col-xs-12"> <div class="col-xs-12">
<p>{{ 'scan.result.msg' | translate}}<br/> <p class="spacer-top-30"><b>{{ 'scan.result.msg' | translate}}</b><br/>
<span translate="scan.result" <span translate="scan.result"
translate-values='{ scan_result: scan_result.length}'></span> translate-values='{ scan_result: scan_result.length}'></span>
<br/> <br/>
</p> </p>
<table class="table scan-result-table"> <table class="table scan-result-table spacer-top-30">
<thead> <thead>
<tr> <tr>
<td>{{ 'label' | translate}}</td> <td><b>{{ 'label' | translate}}</b></td>
<td>{{ 'score' | translate}}</td> <td><b>{{ 'score' | translate}}</b></td>
<td>{{ 'password' | translate}}</td> <td><b>{{ 'password' | translate}}</b></td>
<td>{{ 'action' | translate}}</td> <td><b>{{ 'action' | translate}}</b></td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr ng-repeat="result in scan_result | orderBy:'password_zxcvbn_result.score'"> <tr ng-repeat="result in scan_result | orderBy:'password_zxcvbn_result.score'">
<td>{{result.label}}</td> <td class="label-audit">{{result.label}}</td>
<td class="score"> <td class="score">
<ng-password-meter password="result.password"></ng-password-meter> <ng-password-meter password="result.password"></ng-password-meter>
</td> </td>