From 5c9bc1f4935432c1d808170cc6b3096353ca47b0 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Mon, 30 Jul 2018 22:22:17 -0400
Subject: [PATCH] re-style password change history in box footer

---
 jslib                             |  2 +-
 src/app/vault/view.component.html | 30 +++++++++++++-----------------
 src/scss/misc.scss                |  4 ++++
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/jslib b/jslib
index cfa4664b318..13769a7fcba 160000
--- a/jslib
+++ b/jslib
@@ -1 +1 @@
-Subproject commit cfa4664b3182840ec3f8dac6da8e8562d11468d3
+Subproject commit 13769a7fcba0d6ba67519b78e590019573776993
diff --git a/src/app/vault/view.component.html b/src/app/vault/view.component.html
index 63e788c1038..5a22b60bde6 100644
--- a/src/app/vault/view.component.html
+++ b/src/app/vault/view.component.html
@@ -246,25 +246,21 @@
             </div>
         </div>
         <div class="box">
-            <div class="box-header">
-                {{'other' | i18n}}
-            </div>
-            <div class="box-content">
-                <div class="box-content-row">
-                    <span class="row-label">{{'dateUpdated' | i18n}}</span>
+            <div class="box-footer">
+                <div>
+                    <b class="font-weight-semibold">{{'dateUpdated' | i18n}}:</b>
                     {{cipher.revisionDate | date:'medium'}}
                 </div>
-                <div class="box-content-row box-content-row-flex" *ngIf="cipher.passwordRevisionDisplayDate">
-                    <div class="row-main">
-                        <span class="row-label">{{'datePasswordUpdated' | i18n}}</span>
-                        {{cipher.passwordRevisionDisplayDate | date:'medium'}}
-                    </div>
-                    <div class="action-buttons" *ngIf="cipher.hasPasswordHistory">
-                        <a class="row-btn" href="#" appStopClick title="{{'passwordHistory' | i18n}}"
-                           (click)="viewHistory()">
-                            <i class="fa fa-lg fa-clock-o"></i>
-                        </a>
-                    </div>
+                <div *ngIf="cipher.passwordRevisionDisplayDate">
+                    <b class="font-weight-semibold">{{'datePasswordUpdated' | i18n}}:</b>
+                    {{cipher.passwordRevisionDisplayDate | date:'medium'}}
+                </div>
+                <div *ngIf="cipher.hasPasswordHistory">
+                    <b class="font-weight-semibold">{{'passwordHistory' | i18n}}:</b> 
+                    <a href="#" (click)="viewHistory()" appStopClick title="{{'passwordHistory' | i18n}}"
+                       class="text-muted">
+                        {{cipher.passwordHistory.length}}
+                    </a>
                 </div>
             </div>
         </div>
diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index 61bde4de9f9..083d5f111d7 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -36,6 +36,10 @@ small {
     margin: 0 !important;
 }
 
+.font-weight-semibold {
+    font-weight: 600;
+}
+
 p.lead {
     font-size: $font-size-large;
     margin-bottom: 20px;