From a67e8a6009a2ddff44d9a89d0d3598e3bba44a72 Mon Sep 17 00:00:00 2001
From: Daivy <daivygraaf@gmail.com>
Date: Sat, 21 Apr 2018 18:31:39 +0200
Subject: [PATCH 1/2] Account link in navbar changed layout

Removed icons to make it look clean, changed button layout to nav link
layout (was ugly in mobile), aligned dropdown to right of button.
---
 src/components/Navigation.js | 51 +++++++++++++++---------------------
 1 file changed, 21 insertions(+), 30 deletions(-)

diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index 600cf7c..eaab3aa 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -49,8 +49,8 @@ class Navigation extends Component {
             </ul>
             <ul className="navbar-nav navbar-right">
               <li className="nav-item dropdown navbar-right">
-                <a className="nav-link dropdown-toggle dropdown-menu-right " data-toggle="dropdown" href="javascript:;">{activeLanguage.toUpperCase()}</a>
-                <div className="dropdown-menu">
+                <a className="nav-link dropdown-toggle" data-toggle="dropdown" href="javascript:;">{activeLanguage.toUpperCase()}</a>
+                <div className="dropdown-menu dropdown-menu-right">
                   {
                     Object.keys(languages).map(language => (
                       <a key={language}
@@ -64,38 +64,29 @@ class Navigation extends Component {
               {
                 account.isLoggedIn
                   ?
-                    <li className="nav-item">
-                      <div className="btn-group ml-2">
-                        <Link className="btn btn-secondary btn-sm mt-1" to="/account">
-                          <i className="fa fa-user mr-2"/>
-                            {tu("account")}
+                    <li className="nav-item dropdown navbar-right">
+                      <a className="nav-link dropdown-toggle dropdown-menu-left" data-toggle="dropdown" href="javascript:;">{tu("account")}</a>
+                      <div className="dropdown-menu dropdown-menu-right">
+                        <Link className="dropdown-item" to="/account">
+                            <span className="align-middle">{tu("account")}</span>
                         </Link>
-                        <button type="button" className="btn btn-sm btn-secondary btn-sm mt-1 dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                          <span className="sr-only">Toggle Dropdown</span>
-                        </button>
-                        <div className="dropdown-menu">
-                          <Link className="dropdown-item" to="/account/votes">
-                            <i className="fa fa-clipboard-check mr-2"/>
-                            {tu("votes")}
-                          </Link>
-                          <Link className="dropdown-item" to="/account/apply-for-delegate">
-                            <i className="fa fa-briefcase mr-2"/>
-                            {tu("apply_for_delegate")}
-                          </Link>
-                          <div className="dropdown-divider"/>
-                          <a className="dropdown-item" href="javascript:;" onClick={this.logout}>
-                            <i className="fa fa-sign-out-alt mr-2"/>
-                            {tu("sign_out")}
-                          </a>
-                        </div>
+                        <Link className="dropdown-item" to="/account/votes">
+                          {tu("votes")}
+                        </Link>
+                        <Link className="dropdown-item" to="/account/apply-for-delegate">
+                          {tu("apply_for_delegate")}
+                        </Link>
+                        <div className="dropdown-divider"/>
+                        <a className="dropdown-item" href="javascript:;" onClick={this.logout}>
+                          {tu("sign_out")}
+                        </a>
                       </div>
                     </li>
                   :
-                    <li className="nav-item">
-                       <Link className="btn btn-secondary btn-sm mt-1" to="/login">
-                         <i className="fa fa-sign-in-alt mr-2" />
-                         {tu("register_login")}
-                       </Link>
+                    <li class="nav-item">
+                      <Link class="nav-link" to="/login">
+                      {tu("register_login")}
+                      </Link>
                     </li>
               }
             </ul>

From 1ad29f6ccbe2602f9c8b52741effdc9b848b0888 Mon Sep 17 00:00:00 2001
From: Daivy <daivygraaf@gmail.com>
Date: Sat, 21 Apr 2018 18:39:16 +0200
Subject: [PATCH 2/2] indent

indent
---
 src/components/Navigation.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index eaab3aa..58d5b49 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -85,7 +85,7 @@ class Navigation extends Component {
                   :
                     <li class="nav-item">
                       <Link class="nav-link" to="/login">
-                      {tu("register_login")}
+                        {tu("register_login")}
                       </Link>
                     </li>
               }