From d3ea8ebe1e6c8fb97f74aabe8c017c640562dddb Mon Sep 17 00:00:00 2001
From: Gabe Rogan <rogangabe@gmail.com>
Date: Thu, 17 Nov 2016 15:16:52 -0500
Subject: [PATCH] fixed a nav glitch

---
 app/root/_nav.kit   |  5 ++---
 app/root/root.styl  | 20 +-------------------
 assets/css/main.css | 22 +---------------------
 index.html          |  5 ++---
 4 files changed, 6 insertions(+), 46 deletions(-)

diff --git a/app/root/_nav.kit b/app/root/_nav.kit
index f9c6138..5d5f290 100644
--- a/app/root/_nav.kit
+++ b/app/root/_nav.kit
@@ -12,14 +12,13 @@
     <ul class="tabs tabs-transparent row">
       <li class="tab col s4"><a ng-class="{active: page.id==='food'}" ng-click="go('/food')">Food</a></li>
       <li class="tab col s7"><a ng-class="{active: page.id==='cat'}" ng-click="go('/categories')">Categories</a></li>
-      <li class="tab col s4"><a ng-class="{active: page.id==='login'}" ng-click="go('/login')">Login</a></li>
       <li class="tab col s4"><a ng-class="{active: page.id==='news'}" ng-click="go('/news')">News</a></li>
       <li class="tab col s7"><a ng-class="{active: page.id==='comps'}" ng-click="go('/competitions')">Competitions</a></li>
     </ul>
 
     <!-- Sign in/up Buttons -->
-    <a class="waves-effect waves-light btn blue">Sign in</a>
-    <a class="waves-effect waves-light btn">Sign out</a>
+    <a ng-click="go('/login')" class="waves-effect waves-light btn blue">Sign in</a>
+    <a ng-click="go('/login')" class="waves-effect waves-light btn">Sign out</a>
   </div>
 
 </div>
diff --git a/app/root/root.styl b/app/root/root.styl
index 5f0b8cb..e16f515 100644
--- a/app/root/root.styl
+++ b/app/root/root.styl
@@ -46,19 +46,10 @@ Table of Contents:
     margin-right: 1em
     &.blue {margin-left: 1em}
 
-  .profile-btn
-    position: fixed
-    top: .5em
-    right: @top
-    border-radius: 100px // tap target
-    img
-      border-radius: 100px
-      width: 5.7em
-
   .tabs
     height: auto
+    min-width: 27em // adjust this to make the white bar work
     .tab
-      // min-width: 80px // temporary
       height: navh
       line-height: navh
     .indicator
@@ -66,15 +57,6 @@ Table of Contents:
       top: 0
       height: 5px
 
-  &:not(.signedIn) a.profile-btn { display: none }
-  &.signedIn
-    a.btn
-      display: none
-    .tabs
-      min-width: 35em // used to be width: 23.5em
-      position: relative
-      right: 7em
-
 // Footer
 footer
   display: flex
diff --git a/assets/css/main.css b/assets/css/main.css
index ad11d42..7fd4e10 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -64,18 +64,9 @@ ul.tabs .tab a:hover {
 .nav-main a.btn.blue {
   margin-left: 1em;
 }
-.nav-main .profile-btn {
-  position: fixed;
-  top: 0.5em;
-  right: 0.5em;
-  border-radius: 100px;
-}
-.nav-main .profile-btn img {
-  border-radius: 100px;
-  width: 5.7em;
-}
 .nav-main .tabs {
   height: auto;
+  min-width: 27em;
 }
 .nav-main .tabs .tab {
   height: 4.5em;
@@ -86,17 +77,6 @@ ul.tabs .tab a:hover {
   top: 0;
   height: 5px;
 }
-.nav-main:not(.signedIn) a.profile-btn {
-  display: none;
-}
-.nav-main.signedIn a.btn {
-  display: none;
-}
-.nav-main.signedIn .tabs {
-  min-width: 35em;
-  position: relative;
-  right: 7em;
-}
 footer {
   display: flex;
   align-items: center;
diff --git a/index.html b/index.html
index e6ba902..28eb4ab 100644
--- a/index.html
+++ b/index.html
@@ -44,14 +44,13 @@ <h4 class="logo">F2E</h4>
     <ul class="tabs tabs-transparent row">
       <li class="tab col s4"><a ng-class="{active: page.id==='food'}" ng-click="go('/food')">Food</a></li>
       <li class="tab col s7"><a ng-class="{active: page.id==='cat'}" ng-click="go('/categories')">Categories</a></li>
-      <li class="tab col s4"><a ng-class="{active: page.id==='login'}" ng-click="go('/login')">Login</a></li>
       <li class="tab col s4"><a ng-class="{active: page.id==='news'}" ng-click="go('/news')">News</a></li>
       <li class="tab col s7"><a ng-class="{active: page.id==='comps'}" ng-click="go('/competitions')">Competitions</a></li>
     </ul>
 
     <!-- Sign in/up Buttons -->
-    <a class="waves-effect waves-light btn blue">Sign in</a>
-    <a class="waves-effect waves-light btn">Sign out</a>
+    <a ng-click="go('/login')" class="waves-effect waves-light btn blue">Sign in</a>
+    <a ng-click="go('/login')" class="waves-effect waves-light btn">Sign out</a>
   </div>
 
 </div>