use account-nav class, not account-nav id

This commit is contained in:
Ben Wheeler 2018-09-04 17:15:52 -04:00
parent 733134c421
commit f9003077a3
3 changed files with 12 additions and 14 deletions

View file

@ -21,7 +21,7 @@ const AccountNav = ({
onClickLogout,
onClose
}) => (
<div id="account-nav">
<div className="account-nav">
<a
className={classNames({
'user-info': true,

View file

@ -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;
}
}

View file

@ -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;
}
}