20161215

_css/nav.css

@@ -33,8 +33,27 @@ ul.topnav li a:hover {background-color: #555;}
 
 ul.topnav li.icon {display: none;}
 
+ul.topnav li.logout {float:right;}
+
+ul.topnav li.logout img {
+  width: 20px;
+  height: 20px;
+  
+  margin-left: 5px;
+}
+
+li.logout span.name {
+  float: left;
+  position: relative;
+}
+
+li.logout_mobile {
+  display: none;
+}
+
 @media screen and (max-width:680px) {
   ul.topnav li {display: none;}
+  ul.topnav li.login {display: inline-block;}
   ul.topnav li.icon {
     float: left;
     display: inline-block;
@@ -55,4 +74,14 @@ ul.topnav.responsive li a {
   display: block;
   text-align: left;
 }
+
+li.logout_mobile {
+  display: block;
+}
+ul.topnav li.logout {
+  display: none;
+}
+
+
+ul.topnav li.logout {float:none;}
 }