From 8f7ae6cfaa7d8770e11653495c4de1310d84f2af Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 31 Jan 2018 22:35:44 -0500
Subject: [PATCH] more specific selectors

---
 src/app/accounts/hint.component.html     |  2 +-
 src/app/accounts/login.component.html    |  2 +-
 src/app/accounts/register.component.html |  2 +-
 src/scss/pages.scss                      |  6 +++---
 src/scss/vault.scss                      | 10 +++++-----
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/accounts/hint.component.html b/src/app/accounts/hint.component.html
index a02749c609..f5b64028fe 100644
--- a/src/app/accounts/hint.component.html
+++ b/src/app/accounts/hint.component.html
@@ -1,4 +1,4 @@
-<form id="hint" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+<form id="hint-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
     <div class="content">
         <h1>{{'passwordHint' | i18n}}</h1>
         <div class="box last">
diff --git a/src/app/accounts/login.component.html b/src/app/accounts/login.component.html
index a972c3a484..d5ac698f55 100644
--- a/src/app/accounts/login.component.html
+++ b/src/app/accounts/login.component.html
@@ -1,4 +1,4 @@
-<form id="login" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+<form id="login-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
     <div class="content">
         <img src="../../images/logo@2x.png" alt="bitwarden">
         <p>{{'loginOrCreateNewAccount' | i18n}}</p>
diff --git a/src/app/accounts/register.component.html b/src/app/accounts/register.component.html
index 664a08b2d9..f8fcad5a11 100644
--- a/src/app/accounts/register.component.html
+++ b/src/app/accounts/register.component.html
@@ -1,4 +1,4 @@
-<form id="register" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
+<form id="register-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
     <div class="content">
         <h1>{{'createAccount' | i18n}}</h1>
         <div class="box">
diff --git a/src/scss/pages.scss b/src/scss/pages.scss
index ea562c0508..3913c528ff 100644
--- a/src/scss/pages.scss
+++ b/src/scss/pages.scss
@@ -1,6 +1,6 @@
 @import "variables.scss";
 
-#login {
+#login-page {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -23,7 +23,7 @@
     }
 }
 
-#register, #hint {
+#register-page, #hint-page {
     margin-top: 20px;
 
     .content {
@@ -31,7 +31,7 @@
     }
 }
 
-#login, #register, #hint {
+#login-page, #register-page, #hint-page {
     .content {
         max-width: 300px;
 
diff --git a/src/scss/vault.scss b/src/scss/vault.scss
index 240e2a773c..41306f5041 100644
--- a/src/scss/vault.scss
+++ b/src/scss/vault.scss
@@ -4,7 +4,7 @@
     height: 100%;
     display: flex;
 
-    #groupings, #items, #details, #logo {
+    > #groupings, > #items, > #details, > #logo {
         display: flex;
         flex-direction: column;
 
@@ -13,7 +13,7 @@
         }
     }
 
-    #groupings {
+    > #groupings {
         background-color: $background-color-alt;
         width: 15%;
         min-width: 175px;
@@ -110,7 +110,7 @@
         }
     }
 
-    #items {
+    > #items {
         background-color: $background-color;
         width: 25%;
         min-width: 200px;
@@ -133,7 +133,7 @@
         }
     }
 
-    #details {
+    > #details {
         background-color: $background-color-alt2;
         flex: 1;
         min-width: 0;
@@ -161,7 +161,7 @@
         }
     }
 
-    #logo {
+    > #logo {
         flex: 1;
         min-width: 0;