UX: Adjust noscript footer nav

app/assets/stylesheets/common/base/crawler_layout.scss

@@ -32,11 +32,23 @@ body.crawler {
   }
 
   footer {
-    margin-top: 3em;
-    border-top: 1px solid $primary-low-mid;
+    margin-top: 4em;
   }
 }
 
+.noscript-footer-nav {
+  clear: both;
+  margin-top: 4em;
+  a {
+    margin-right: 0.25em;
+    white-space: nowrap;
+  }
+}
+
+#noscript-footer {
+  padding: 0 10px;
+}
+
 .crawler-topic-title {
   margin-top: 0.5em;
 }

app/views/layouts/application.html.erb

@@ -73,7 +73,7 @@
         <!-- preload-content: -->
         <%= yield %>
         <!-- :preload-content -->
-        <footer>
+        <footer class="noscript-footer-nav">
           <nav itemscope itemtype='http://schema.org/SiteNavigationElement'>
             <a href='<%= path "/" %>'><%= t 'home_title' %></a>
             <%= link_to t('js.filters.categories.title'), path("/categories") %>
@@ -85,7 +85,7 @@
       </div>
 
       <footer id='noscript-footer'>
-        <p style="text-align:center;"><%= t 'powered_by_html' %></p>
+        <p><%= t 'powered_by_html' %></p>
       </footer>
     </noscript>