diff --git a/css/style.css b/css/style.css
index 9538acf..ca09bb5 100644
--- a/css/style.css
+++ b/css/style.css
@@ -47,6 +47,9 @@ table.dataTable {
     margin-left: 1rem;
     margin-right: 0;
 }
+.nav-link .fa {
+    margin-right: 0.2em;
+}
 
 /* disabled style for "Custom" option, but not for selected items */
 .bootstrap-select.btn-group .dropdown-menu li.disabled:not(.selected) a {
diff --git a/index.html b/index.html
index edb4aae..efda669 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
                 </form>
                 <div class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
-                        <span class="fa fa-lg fa-cloud-download"></span>&nbsp;Download</a>
+                        <span class="fa fa-lg fa-cloud-download" aria-hidden="true"></span>Download</a>
                     <div class="dropdown-menu">
                         <a class="dropdown-item" id="dl-gpx" href="#" disabled>GPX</a>
                         <a class="dropdown-item" id="dl-kml" href="#" disabled>KML</a>
@@ -46,6 +46,9 @@
                         <a class="dropdown-item" id="dl-csv" href="#" disabled>data CSV</a>
                     </div>
                 </div>
+                <div class="nav-item">
+                  <a class="nav-link" href="#" data-toggle="modal" data-target="#about"><span class="fa fa-lg fa-info-circle" aria-hidden="true"></span>About</a>
+                </div>
             </div>
         </div>
     </nav>