From e06704431a04f546ed8cba2d03ce23cced2fa672 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 23 Jan 2018 23:05:23 -0500
Subject: [PATCH] rename some refs

---
 src/app/vault/vault.component.html | 4 ++--
 src/app/vault/vault.component.ts   | 4 ++--
 src/scss/styles.scss               | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html
index 8a81f845e0b..02411c930fb 100644
--- a/src/app/vault/vault.component.html
+++ b/src/app/vault/vault.component.html
@@ -1,5 +1,5 @@
 <div id="vault">
-    <app-vault-groupings id="categories"></app-vault-groupings>
-    <app-vault-ciphers id="items" [ciphers]="vaultCiphers"></app-vault-ciphers>
+    <app-vault-groupings id="groupings"></app-vault-groupings>
+    <app-vault-ciphers id="items" [ciphers]="ciphers"></app-vault-ciphers>
     <app-vault-view id="details" [cipherId]="null"></app-vault-view>
 </div>
diff --git a/src/app/vault/vault.component.ts b/src/app/vault/vault.component.ts
index 82841cf531a..e54bb7ba56f 100644
--- a/src/app/vault/vault.component.ts
+++ b/src/app/vault/vault.component.ts
@@ -12,13 +12,13 @@ import { CipherService } from 'jslib/abstractions/cipher.service';
     template: template,
 })
 export class VaultComponent implements OnInit {
-    vaultCiphers: any[];
+    ciphers: any[];
 
     constructor(private cipherService: CipherService) {
 
     }
 
     async ngOnInit() {
-        this.vaultCiphers = await this.cipherService.getAllDecrypted();
+        this.ciphers = await this.cipherService.getAllDecrypted();
     }
 }
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 89535fa9ab3..fe31344b225 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -80,7 +80,7 @@ a {
     height: 100vh;
     display: flex;
 
-    #categories {
+    #groupings {
         background-color: $background-color-alt;
         width: 15%;
         min-width: 175px;
@@ -142,7 +142,7 @@ a {
         min-width: 400px;
     }
 
-    #categories, #items, #details {
+    #groupings, #items, #details {
         display: flex;
         flex-direction: column;