From 540173f75e0de8180ae3e345622fa887fb1bf5df Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Thu, 20 Sep 2018 17:05:32 +0200
Subject: [PATCH] white icons in nav

---
 static/css/styles2.css | 22 +++++++++++++++++++---
 templates/newbase.html | 18 +++++++++---------
 2 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/static/css/styles2.css b/static/css/styles2.css
index 53d71581..5c2ff659 100644
--- a/static/css/styles2.css
+++ b/static/css/styles2.css
@@ -10,12 +10,16 @@
     .wrapper > * {
     /*    border: 2px solid #f08c00; */
         padding: 5px;
-    } 
+    }
+
+    a {
+        text-decoration: none;
+        color: #1c75bc;
+    }
 
     nav ul {
         list-style: none;
         margin: 0;
-        padding: 0;
       display: flex;
       justify-content: space-between;
     }
@@ -35,11 +39,23 @@
     user ul {
         list-style: none;
         margin: 0;
-        padding: 0;
+        padding: 0.2em 0.0em 0.2em 0.0em;
         display: flex;
         justify-content: flex-end;
     }
 
+    user a i {
+        color: #1c75c;
+    }
+
+    nav a {
+        color: white;
+    }
+    
+    nav a i {
+        color: white;
+    }
+
 .main-head {
     grid-area: header;
 }
diff --git a/templates/newbase.html b/templates/newbase.html
index a7487d43..c8d1bb67 100644
--- a/templates/newbase.html
+++ b/templates/newbase.html
@@ -114,38 +114,38 @@
       <user class="main-user">
         <ul>
           <li>
-            <a class="blueicon" href="/rowers/help" title="Help">
-              <i class="fas fa-question-circle blueicon"></i>
+            <a class="" href="/rowers/help" title="Help">
+              <i class="fas fa-question-circle "></i>
             </a>
           </li>
 	  {% if user.is_authenticated %}
           <li>
             <a href="/rowers/me/edit" title="Account">
               {% if user.rower.rowerplan == 'pro' %}
-              <i class="fas fa-user-ninja blueicon"></i>
+              <i class="fas fa-user-ninja "></i>
               {% elif user.rower.rowerplan == 'coach' %}
-              <i class="fas fa-user-tie blueicon"></i>
+              <i class="fas fa-user-tie "></i>
               {% elif user.rower.rowerplan == 'plan' %}
-              <i class="fas fa-user-crown blueicon"></i>
+              <i class="fas fa-user-crown "></i>
               {% else %}
               <i class="fas fa-user"></i>
               {% endif %}
             </a>
           </li>
           <li>
-            <a class="blueicon" href="{% url 'logout' %}?next=/login" title="Sign Out">
-              <i class="fas fa-sign-out-alt blueicon"></i>
+            <a class="" href="{% url 'logout' %}?next=/login" title="Sign Out">
+              <i class="fas fa-sign-out-alt "></i>
             </a>
           </li>
 	  {% else %}
           <li>
             <a href="/rowers/register" title="Sign Up">
-              <i class="fas fa-user-plus blueicon"></i>
+              <i class="fas fa-user-plus "></i>
             </a>
           </li>
           <li>
 	    <a href="{% url 'login' %}" title="Sign In">
-              <i class="fas fa-sign-in-alt blueicon"></i>
+              <i class="fas fa-sign-in-alt "></i>
             </a>
           </li>
 	    {% endif %}