Merge remote-tracking branch 'bit/navbar'

mystic/static/styles.css

@@ -12,12 +12,12 @@ nav {
     background-color: black;
     height: 42px;
     display: grid;
-    grid-template-columns: repeat(3, 0fr) 1fr 0fr;
+    grid-template-columns: repeat(4, 0fr) 1fr 0fr;
     grid-gap: 18px;
     padding-left: 30px;
 }
 
-nav a {
+nav > * {
     color: white;
     text-decoration: none;
     font-weight: bold;
@@ -45,7 +45,7 @@ nav a.selected {
     border-top: 3px solid black;
 }
 
-nav a:nth-last-child(2) {
+nav div.spacer {
     flex-grow: 1;
 }
 

mystic/templates/base.html

@@ -13,6 +13,7 @@
             <a href="/projects"    {% if selected is sameas "projects" %}class='selected'{% endif %}>PROJECTS</a>
             <a href="/new"         {% if selected is sameas "new" %}     class='selected'{% endif %}>NEW</a>
             <a href="/stats"       {% if selected is sameas "stats" %}   class='selected'{% endif %}>STATS</a>
+	    <div class="spacer"></div>
             <a href="{{login[1]}}" {% if selected is sameas "login" %}   class='selected'{% endif %}>{{login[0]}}</a>
         </nav>
         <main>