From f09e35627e90fbdcc2fa39898749c71c1c485a97 Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Fri, 11 Nov 2016 11:23:55 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A2=D1=91=D0=BC=D0=BD=D1=8B=D0=B9=20=D1=84?=
 =?UTF-8?q?=D0=BE=D0=BD=20=D0=B4=D0=BB=D1=8F=20=D0=BA=D0=BD=D0=BE=D0=BF?=
 =?UTF-8?q?=D0=BA=D0=B8=20=D1=80=D0=B0=D1=81=D0=BA=D1=80=D1=8B=D1=82=D0=B8?=
 =?UTF-8?q?=D1=8F=20=D1=8E=D0=B7=D0=B5=D1=80=D0=B1=D0=B0=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userbar/LoggedInPanel.jsx  |  2 +-
 src/components/userbar/loggedInPanel.scss | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/userbar/LoggedInPanel.jsx b/src/components/userbar/LoggedInPanel.jsx
index 8849351..fd7a33b 100644
--- a/src/components/userbar/LoggedInPanel.jsx
+++ b/src/components/userbar/LoggedInPanel.jsx
@@ -37,7 +37,7 @@ export default class LoggedInPanel extends Component {
                 <div className={classNames(styles.activeAccount, {
                     [styles.activeAccountExpanded]: isAccountSwitcherActive
                 })}>
-                    <button className={buttons.green} onClick={this.onExpandAccountSwitcher}>
+                    <button className={styles.activeAccountButton} onClick={this.onExpandAccountSwitcher}>
                         <span className={styles.userIcon} />
                         <span className={styles.userName}>{user.username}</span>
                         <span className={styles.expandIcon} />
diff --git a/src/components/userbar/loggedInPanel.scss b/src/components/userbar/loggedInPanel.scss
index f4b3771..3264b96 100644
--- a/src/components/userbar/loggedInPanel.scss
+++ b/src/components/userbar/loggedInPanel.scss
@@ -12,13 +12,21 @@
     border-right: $border;
 }
 
+.activeAccountButton {
+    composes: green from 'components/ui/buttons.scss';
+}
+
 .activeAccountExpanded {
+    .activeAccountButton {
+        background-color: darker($green);
+    }
+
     .accountSwitcherContainer {
         display: block;
     }
 
     .expandIcon {
-        transform: rotate(180deg);
+        transform: rotate(-180deg);
     }
 }
 
@@ -37,6 +45,7 @@
     margin-left: 4px;
     font-size: 6px;
     color: #CCC;
+    transition: .2s;
 }
 
 .userName {