diff --git a/src/c3nav/site/static/site/js/c3nav.js b/src/c3nav/site/static/site/js/c3nav.js
index ff99b685..1c5ea795 100644
--- a/src/c3nav/site/static/site/js/c3nav.js
+++ b/src/c3nav/site/static/site/js/c3nav.js
@@ -13,7 +13,13 @@ c3nav = {
 
     init_sidebar: function () {
         c3nav.init_locationinputs();
+
+        $('#location-buttons').find('.route').on('click', c3nav._location_buttons_route_click);
     },
+    _location_buttons_route_click: function () {
+        $('#search').removeClass('location-view').addClass('route-view');
+    },
+
     init_locationinputs: function () {
         c3nav.locations = [];
         c3nav.locations_by_slug = {};
diff --git a/src/c3nav/site/templates/site/map.html b/src/c3nav/site/templates/site/map.html
index 8186a6ee..3e320773 100644
--- a/src/c3nav/site/templates/site/map.html
+++ b/src/c3nav/site/templates/site/map.html
@@ -38,9 +38,9 @@
                     <button class="button-clear clear"></button>
                 </div>
                 <div class="buttons" id="location-buttons">
-                    <button class="button-clear">Details</button>
-                    <button class="button-clear">Share</button>
-                    <button class="button-clear">Route</button>
+                    <button class="button-clear details">Details</button>
+                    <button class="button-clear share">Share</button>
+                    <button class="button-clear route">Route</button>
                 </div>
                 <div class="buttons" id="route-buttons">
                     <button class="button-clear">swap</button>