client/css: refactor <nav> css

client/css/main.styl

@@ -73,13 +73,14 @@ hr
     margin: 1em 0
     padding: 0
 
-nav ul
+nav
+    ul
         list-style-type: none
         padding: 0
         margin: 0
         display: inline-block
         li
-        display: inline-block
+            display: block
             padding: 0
             margin: 0
             a
@@ -88,16 +89,13 @@ nav ul
                 margin: 0
                 vertical-align: top /* fix ghost margin under the image */
 
-nav.plain-nav ul li
-    display: block
-    a
-        display: inline
-
-nav.text-nav
+    &.buttons
         margin: 1em 0
         line-height: 2.3em
         vertical-align: middle
         ul
+            li
+                display: inline-block
             li a
                 padding: 0 1.2em
             li:not(.active) a
@@ -111,16 +109,14 @@ nav.text-nav
                 background: $focused-tab-background-color
                 outline: 0
 
-a .access-key
-    text-decoration: underline
-
-#top-nav
+    &#top-nav
         background: $top-nav-color
         margin: 0
         ul
             display: block
             text-align: right
             li
+                display: inline-block
                 float: left
         ul li[data-name=account],
         ul li[data-name=register],
@@ -139,6 +135,9 @@ a .access-key
             margin-left: calc(0.6em - 1.2em)
             float: left
 
+a .access-key
+    text-decoration: underline
+
 .messages
     margin: 0 auto
     width: 30em

client/html/help.tpl

@@ -1,5 +1,5 @@
 <div class='content-wrapper' id='help'>
-    <nav class='text-nav primary'><!--
+    <nav class='buttons primary'><!--
         --><ul><!--
             --><li data-name='about'><a href='/help/about'>About</a></li><!--
             --><li data-name='keyboard'><a href='/help/keyboard'>Keyboard</a></li><!--

client/html/help_search.tpl

@@ -1,4 +1,4 @@
-<nav class='text-nav secondary'><!--
+<nav class='buttons secondary'><!--
     --><ul><!--
         --><li data-name='default'><a href='/help/search'>General</a></li><!--
         --><li data-name='posts'><a href='/help/search/posts'>Posts</a></li><!--

client/html/manual_pager_nav.tpl

@@ -1,4 +1,4 @@
-<nav class='text-nav'>
+<nav class='buttons'>
     <ul>
         <li>
             <% if (ctx.prevLinkActive) { %>

client/html/tag.tpl

@@ -1,6 +1,6 @@
 <div class='content-wrapper tag'>
     <h1><%= ctx.tag.names[0] %></h1>
-    <nav class='text-nav'><!--
+    <nav class='buttons'><!--
         --><ul><!--
             --><li data-name='summary'><a href='/tag/<%= ctx.tag.names[0] %>'>Summary</a></li><!--
             --><% if (ctx.canMerge) { %><!--

client/html/top_nav.tpl

@@ -1,4 +1,4 @@
-<nav id='top-nav' class='text-nav'>
+<nav id='top-nav' class='buttons'>
     <ul><!--
         --><% _.each(ctx.items, (item, key) => { %><!--
             --><% if (item.available) { %><!--

client/html/user.tpl

@@ -1,6 +1,6 @@
 <div class='content-wrapper' id='user'>
     <h1><%= ctx.user.name %></h1>
-    <nav class='text-nav'><!--
+    <nav class='buttons'><!--
         --><ul><!--
             --><li data-name='summary'><a href='/user/<%= ctx.user.name %>'>Summary</a></li><!--
             --><% if (ctx.canEditAnything) { %><!--

client/html/user_summary.tpl

@@ -7,7 +7,7 @@
     </ul>
 
     <div>
-        <nav class='plain-nav'>
+        <nav>
             <p><strong>Quick links</strong></p>
             <ul>
                 <li><a href='/posts/text=submit:<%= ctx.user.name %>'><%= ctx.user.uploadedPostCount %> uploads</a></li>
@@ -17,7 +17,7 @@
         </nav>
 
         <% if (ctx.isLoggedIn) { %>
-            <nav class='plain-nav'>
+            <nav>
                 <p><strong>Only visible to you</strong></p>
                 <ul>
                     <li><a href='/posts/text=special:liked'><%= ctx.user.likedPostCount %> liked posts</a></li>