re-style password change history in box footer

jslib

@@ -1 +1 @@
-Subproject commit cfa4664b3182840ec3f8dac6da8e8562d11468d3
+Subproject commit 13769a7fcba0d6ba67519b78e590019573776993

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>

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;