From 28f4ed9144e0ea4e8a142171cfc5c42ffc762c81 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 26 Jun 2018 08:49:45 -0400
Subject: [PATCH] some styling

---
 src/app/settings/account.component.html | 15 +++++++++------
 src/scss/styles.scss                    |  6 ++++--
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/app/settings/account.component.html b/src/app/settings/account.component.html
index ed64ee7819..46f06971aa 100644
--- a/src/app/settings/account.component.html
+++ b/src/app/settings/account.component.html
@@ -10,14 +10,17 @@
     <h1>{{'changeMasterPassword' | i18n}}</h1>
 </div>
 <app-change-password></app-change-password>
-<div class="secondary-header text-danger">
+<div class="secondary-header text-danger border-0 mb-0">
     <h1>{{'dangerZone' | i18n}}</h1>
 </div>
-<p>{{'dangerZoneDesc' | i18n}}</p>
-<button type="button" class="btn btn-outline-secondary" (click)="deauthorizeSessions()" appBlurClick>{{'deauthorizeSessions' | i18n}}</button>
-<button type="button" class="btn btn-outline-secondary" (click)="purgeVault()" appBlurClick>{{'purgeVault' | i18n}}</button>
-<button type="button" class="btn btn-outline-secondary" (click)="deleteAccount()" appBlurClick>{{'deleteAccount' | i18n}}</button>
-
+<div class="card border-danger">
+    <div class="card-body">
+        <p>{{'dangerZoneDesc' | i18n}}</p>
+        <button type="button" class="btn btn-outline-danger" (click)="deauthorizeSessions()" appBlurClick>{{'deauthorizeSessions' | i18n}}</button>
+        <button type="button" class="btn btn-outline-danger" (click)="purgeVault()" appBlurClick>{{'purgeVault' | i18n}}</button>
+        <button type="button" class="btn btn-outline-danger" (click)="deleteAccount()" appBlurClick>{{'deleteAccount' | i18n}}</button>
+    </div>
+</div>
 <ng-template #deauthorizeSessionsTemplate></ng-template>
 <ng-template #purgeVaultTemplate></ng-template>
 <ng-template #deleteAccountTemplate></ng-template>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index e5e95250b5..db559a6c21 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -46,7 +46,7 @@ $navbar-brand-padding-y: 0;
 $navbar-dark-color: rgba(#ffffff, .7);
 $navbar-dark-hover-color: rgba(#ffffff, .9);
 
-$input-bg: #fafafa;
+$input-bg: #fbfbfb;
 $input-focus-bg: #ffffff;
 $input-disabled-bg: #e0e0e0;
 
@@ -54,6 +54,7 @@ $table-accent-bg: rgba(#000000, .02);
 $table-hover-bg: rgba(#000000, .03);
 
 $modal-backdrop-opacity: 0.3;
+$btn-font-weight: 600;
 
 @import "~bootstrap/scss/bootstrap";
 @import "./plugins";
@@ -171,7 +172,8 @@ label:not(.form-check-label) {
 
 .btn[class*="btn-outline-"] {
     &:not(:hover) {
-        background-color: #ffffff;
+        border-color: $secondary;
+        background-color: #fbfbfb;
     }
 }