Center the navigation to match the website.

diff --git a/xonstat/static/css/app.css b/xonstat/static/css/app.css
index 142be53c071e2ffc6f56a8fbffb9710474f7aed7..17c6a1108778c065c29461ce71099d9cee3d05cb 100644 (file)
--- a/xonstat/static/css/app.css
+++ b/xonstat/static/css/app.css
@@ -89,6 +89,10 @@ table thead tr th, table thead tr td, table tr th, table tr td {
   height: 50px;
 }
 
+.top-bar, .top-bar-section {
+  display: inline-block;
+}
+
 .top-bar .name h1 a {
   color: rgb(200, 200, 200);
   font-size: 1.1rem;

diff --git a/xonstat/static/css/foundation.css b/xonstat/static/css/foundation.css
index f9ebd686ee6460a367eb3eac89f7a0e58c02cff1..823a4e8520570e0a4fe2a828dec8e8a5aec6dc86 100644 (file)
--- a/xonstat/static/css/foundation.css
+++ b/xonstat/static/css/foundation.css
@@ -123,7 +123,7 @@ select {
   margin-right: auto;
   margin-top: 0;
   margin-bottom: 0;
-  max-width: 72.5em; }
+  max-width: 62.5em; }
   .row:before, .row:after {
     content: " ";
     display: table; }
@@ -2034,7 +2034,7 @@ meta.foundation-mq-topbar {
       background: #333333; }
 
   .contain-to-grid .top-bar {
-    max-width: 72.5em;
+    max-width: 62.5em;
     margin: 0 auto;
     margin-bottom: 0; }
 

diff --git a/xonstat/templates/nav.mako b/xonstat/templates/nav.mako
index 3d789b62d4932c63fa06ae174218f53f593cf63d..645909f62d87b380a6f479c36bcf16c24b3a4751 100644 (file)
--- a/xonstat/templates/nav.mako
+++ b/xonstat/templates/nav.mako
@@ -3,7 +3,7 @@
 <!-- HEADER NAVIGATION -->
 <div class="contain-to-grid">
 
-  <div class="row">
+  <div class="row text-center">
     <div class="small-12 columns">
 
       <nav class="top-bar" data-topbar="" data-options="is_hover: false">