Style fixes for when sidebar has no or partial content

i2p2www/pages/global/layout.html

@@ -54,9 +54,10 @@
         </div>
 
         <main role="main" class="inner">
+          {% if self.content_nav() or self.lastupdated() or self.accuratefor() -%}
           <aside class="sidebar">
             {% if self.content_nav() -%}
-            <nav>
+            <nav{% if self.lastupdated() or self.accuratefor() %} class="top"{% endif %}>
             {% block content_nav %}{% endblock %}
             </nav>
             {%- endif %}
@@ -83,8 +84,9 @@
           </div>
           {%- endif %}
           </aside>
+          {%- endif %}
 
-          <article class="content-inner">
+          <article class="content-inner{% if self.content_nav() or self.lastupdated() or self.accuratefor() %} two-col{% endif %}">
           {% block content %}{% endblock %}
           </article>
         </main>

i2p2www/static/styles/duck/default.css

@@ -169,13 +169,13 @@ div#content .inner {
 }
 
 div#content .sidebar {
+    background: rgba(171, 204, 113, 0.6);
     border-bottom: 2px solid #abcc71;
     border-left: 2px solid #abcc71;
     border-right: 2px solid #abcc71;
 }
 
-div#content .sidebar nav {
-    background: rgba(171, 204, 113, 0.6);
+div#content .sidebar .top {
     border-bottom: 2px solid #abcc71;
 }
 

i2p2www/static/styles/duck/desktop.css

@@ -250,7 +250,7 @@ div#content .inner .sidebar {
     width: 200px;
 }
 
-div#content .content-inner {
+div#content .content-inner.two-col {
     margin-left: 202px;
 }