From 374d2351c290659ce5091a956b62b10476935a47 Mon Sep 17 00:00:00 2001
From: geospatialem <geospatialem@gmail.com>
Date: Sun, 31 Jul 2016 19:04:31 -0500
Subject: [PATCH] Center nav on small devices.

Center the main navigation and dropdown menu on smaller devices.
---
 assets/css/app.css | 5 ++++-
 index.html         | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index 735dd011..3e2dd028 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -162,8 +162,11 @@ input[type="radio"], input[type="checkbox"] {
     -webkit-hyphens: auto;
       hyphens: auto;
   }
-  .dropdown-menu a i{
+  .dropdown-menu a{
     color: #FFFFFF;
+    text-align: justify;
+    margin: 0 auto;
+    width: 15em;
   }
 }
 /* Print Handling */
diff --git a/index.html b/index.html
index d2540b19..02f9062b 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
                 <span id="searchicon" class="fa fa-search form-control-feedback"></span>
             </div>
           </form>
-          <ul class="nav navbar-nav">
+          <ul class="nav navbar-nav text-center">
             <li><a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="about-btn"><i class="fa fa-question-circle white"></i>&nbsp;&nbsp;About</a></li>
             <li class="dropdown">
               <a id="toolsDrop" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-globe white"></i>&nbsp;&nbsp;Tools <b class="caret"></b></a>