enable “open in editor” link

src/c3nav/site/static/site/css/c3nav.css

@@ -143,9 +143,10 @@ section.details > * {
 section.details > .details-head {
     padding: 11px 10px 8px;
 }
-.details-head > button {
+.details-head > .button {
     margin: -2px 0 0;
     transition: none;
+    line-height: 2.5;
 }
 #sidebar section.details > .details-body {
     border: 0;
@@ -161,7 +162,7 @@ section.details {
 #sidebar section.details.loading > .details-head {
     background-color: rgba(255, 255, 255, 0);
 }
-#sidebar section.details.loading > .details-head button {
+#sidebar section.details.loading > .details-head .button {
     pointer-events: none;
     opacity: 0;
 }
@@ -173,7 +174,7 @@ section.details {
     transition: background-color 50ms;
     background-color: rgba(255, 255, 255, 1);
 }
-#sidebar section.details:not(.loading) > .details-head button {
+#sidebar section.details:not(.loading) > .details-head .button {
     transition: opacity 150ms;
     pointer-events: auto;
     opacity: 1;
@@ -400,13 +401,13 @@ main:not([data-view=route-result]) #route-dots {
 .buttons > *:hover, .buttons > *:active {
     background-color: #eeeeee;
 }
-button {
+button, .button {
     font-size: 1.3rem;
     line-height: 1.3;
     height: 3.3rem;
     padding: 0;
 }
-button .material-icons {
+button .material-icons, .button .material-icons {
     font-size: 15px;
     vertical-align: -3px;
 }

src/c3nav/site/static/site/js/c3nav.js

@@ -126,7 +126,7 @@ c3nav = {
                         elem.append($('<dd>').text(line[1]));
                     }
                     $location_details.find('.details-body').html('').append(elem);
-                    $location_details.removeClass('loading');
+                    $location_details.removeClass('loading').find('.editor').attr('href', data.editor_url);
                 });
             }
         }

src/c3nav/site/templates/site/map.html

@@ -89,10 +89,10 @@
                 <section id="autocomplete"></section>
                 <section id="location-details" class="details">
                     <div class="details-head">
-                        <button class="button-clear editor float-right">
+                        <a class="button button-clear editor float-right" target="_blank">
                             <i class="material-icons">edit</i>
                             Open in Editor
-                        </button>
+                        </a>
                         <h2>Details</h2>
                     </div>
                     <div class="details-body">