From 8d045c2a19898d5c3a6c5cc7a7926ea14380d9ff Mon Sep 17 00:00:00 2001
From: Ant Zucaro <azucaro@gmail.com>
Date: Sat, 17 Dec 2016 10:11:43 -0500
Subject: [PATCH] Center the navigation to match the website.

---
 xonstat/static/css/app.css        | 4 ++++
 xonstat/static/css/foundation.css | 4 ++--
 xonstat/templates/nav.mako        | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/xonstat/static/css/app.css b/xonstat/static/css/app.css
index 142be53..17c6a11 100644
--- 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 f9ebd68..823a4e8 100644
--- 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 3d789b6..645909f 100644
--- 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">
-- 
2.39.5