From f9003077a3f4131a212696c826fa04357388244b Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Tue, 4 Sep 2018 17:15:52 -0400
Subject: [PATCH] use account-nav class, not account-nav id

---
 src/components/navigation/www/accountnav.jsx  |  2 +-
 src/components/navigation/www/accountnav.scss | 13 ++++++++++---
 src/components/navigation/www/navigation.scss | 11 +----------
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/navigation/www/accountnav.jsx b/src/components/navigation/www/accountnav.jsx
index 70e90f6fd..a0d441626 100644
--- a/src/components/navigation/www/accountnav.jsx
+++ b/src/components/navigation/www/accountnav.jsx
@@ -21,7 +21,7 @@ const AccountNav = ({
     onClickLogout,
     onClose
 }) => (
-    <div id="account-nav">
+    <div className="account-nav">
         <a
             className={classNames({
                 'user-info': true,
diff --git a/src/components/navigation/www/accountnav.scss b/src/components/navigation/www/accountnav.scss
index ffa0e1a11..ebee28122 100644
--- a/src/components/navigation/www/accountnav.scss
+++ b/src/components/navigation/www/accountnav.scss
@@ -1,7 +1,7 @@
 @import "../../../colors";
 @import "../../../frameless";
 
-#account-nav {
+.account-nav {
     .user-info {
         display: inline-block;
         padding: 14px 15px 4px 15px;
@@ -57,7 +57,9 @@
 
 //4 columns
 @media only screen and (max-width: $mobile - 1) {
-    #account-nav {
+    .account-nav {
+        margin-left: 0;
+
         .user-info {
             .avatar {
                 margin-right: 0;
@@ -73,7 +75,9 @@
 
 //6 columns
 @media only screen and (min-width: $mobile) and (max-width: $tablet - 1) {
-    #account-nav {
+    .account-nav {
+        margin-left: 0;
+
         .user-info {
             .avatar {
                 margin-right: 0;
@@ -88,4 +92,7 @@
 
 //8 columns
 @media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
+    .account-nav {
+        margin-left: 0;
+    }
 }
diff --git a/src/components/navigation/www/navigation.scss b/src/components/navigation/www/navigation.scss
index c867750be..c736fa1f4 100644
--- a/src/components/navigation/www/navigation.scss
+++ b/src/components/navigation/www/navigation.scss
@@ -193,10 +193,6 @@
             &.login-item {
                 margin-left: 0;
             }
-
-            &.account-nav {
-                margin-left: 0;
-            }
         }
 
         .create,
@@ -221,10 +217,6 @@
             &.login-item {
                 margin-left: 0;
             }
-
-            &.account-nav {
-                margin-left: 0;
-            }
         }
 
         .discuss,
@@ -244,8 +236,7 @@
         width: $cols8;
 
         > ul > li {
-            &.login-item,
-            &.account-nav {
+            &.login-item {
                 margin-left: 0;
             }
         }