From 558f2812ec2f14cba2cc2888eccac0616e9677b1 Mon Sep 17 00:00:00 2001
From: fnuesse <felix.nuesse@t-online.de>
Date: Sat, 22 Dec 2018 12:02:31 +0100
Subject: [PATCH] Updated passwords-tool ui

Signed-off-by: fnuesse <felix.nuesse@t-online.de>
---
 sass/settings.scss                               | 16 +++++++++++++++-
 .../views/partials/forms/settings/tool.html      | 14 +++++++-------
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/sass/settings.scss b/sass/settings.scss
index 51c1051c..fceb4ff0 100644
--- a/sass/settings.scss
+++ b/sass/settings.scss
@@ -20,12 +20,26 @@
  *
  */
 
+.spacer-top-30{
+  margin-top: 30px;
+}
 .scan-result-table {
-  margin-top: 10px;
+  td {
+    vertical-align: top !important;
+  }
   .score {
+    width: 55%;
     padding-left: 0px;
     padding-right: 15px;
   }
+  .label-audit{
+    width: 15%;
+  }
+}
+.detail_box{
+  border: 1px solid var(--color-border-dark);
+  margin-top: 25px;
+  padding: 5px;
 }
 
 .error {
diff --git a/templates/views/partials/forms/settings/tool.html b/templates/views/partials/forms/settings/tool.html
index 0d79b362..4bb4f5fa 100644
--- a/templates/views/partials/forms/settings/tool.html
+++ b/templates/views/partials/forms/settings/tool.html
@@ -10,23 +10,23 @@
 </div>
 <div class="row" ng-show="scan_result">
 	<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"
 				 translate-values='{ scan_result: scan_result.length}'></span>
 			<br/>
 		</p>
-		<table class="table scan-result-table">
+		<table class="table scan-result-table spacer-top-30">
 			<thead>
 			<tr>
-				<td>{{ 'label' | translate}}</td>
-				<td>{{ 'score' | translate}}</td>
-				<td>{{ 'password' | translate}}</td>
-				<td>{{ 'action' | translate}}</td>
+				<td><b>{{ 'label' | translate}}</b></td>
+				<td><b>{{ 'score' | translate}}</b></td>
+				<td><b>{{ 'password' | translate}}</b></td>
+				<td><b>{{ 'action' | translate}}</b></td>
 			</tr>
 			</thead>
 			<tbody>
 			<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">
 					<ng-password-meter password="result.password"></ng-password-meter>
 				</td>