From 7856b7e07ff01f33f293b9e7beb964302049acf8 Mon Sep 17 00:00:00 2001
From: Sean Engelhardt <sean.f.t.engelhardt@gmail.com>
Date: Thu, 9 Aug 2018 13:45:48 +0200
Subject: [PATCH] Remove vertical dots, put lang menu in nav

---
 client/src/app/site/site.component.html | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/client/src/app/site/site.component.html b/client/src/app/site/site.component.html
index ab69714fc..2b440e366 100644
--- a/client/src/app/site/site.component.html
+++ b/client/src/app/site/site.component.html
@@ -13,7 +13,10 @@
                 {{username}}
             </mat-expansion-panel-header>
             <mat-nav-list>
-                <!-- <mat-list-item> -->
+                <a mat-list-item [matMenuTriggerFor]="languageMenu">
+                    <fa-icon icon='globe-americas'></fa-icon>
+                    <span> {{getLangName(this.translate.currentLang)}} </span>
+                </a>
                 <a (click)='logOutButton()' mat-list-item>
                     <fa-icon icon='user-cog'></fa-icon>
                     <span translate>Edit Profile</span>
@@ -29,6 +32,12 @@
                 </a>
             </mat-nav-list>
         </mat-expansion-panel>
+        <!-- TODO: Could use translate.getLangs() to fetch available languages-->
+        <mat-menu #languageMenu="matMenu">
+            <button mat-menu-item (click)='selectLang("en")' translate>English</button>
+            <button mat-menu-item (click)='selectLang("de")' translate>German</button>
+            <button mat-menu-item (click)='selectLang("fr")' translate>French</button>
+        </mat-menu>
 
         <!-- navigation -->
         <mat-nav-list class='main-nav'>
@@ -94,20 +103,7 @@
         <button mat-icon-button (click)='sideNav.toggle()'>
             <fa-icon icon='search'></fa-icon>
         </button>
-        <button mat-icon-button (click)='sideNav.toggle()'>
-            <fa-icon icon='ellipsis-v'></fa-icon>
-        </button>
-        <button mat-button [matMenuTriggerFor]="languageMenu">
-            <fa-icon icon='globe-americas'></fa-icon>
-            <span> {{getLangName(this.translate.currentLang)}} </span>
-        </button>
 
-        <!-- TODO: Could use translate.getLangs() to fetch available languages-->
-        <mat-menu #languageMenu="matMenu">
-            <button mat-menu-item (click)='selectLang("en")' translate>English</button>
-            <button mat-menu-item (click)='selectLang("de")' translate>German</button>
-            <button mat-menu-item (click)='selectLang("fr")' translate>French</button>
-        </mat-menu>
     </mat-toolbar>
 
     <!-- continue with <mat-toolbar> in the app-->