diff --git a/example-config.yml b/example-config.yml
index 455af3b..9e494b7 100644
--- a/example-config.yml
+++ b/example-config.yml
@@ -9,3 +9,6 @@ INITIAL_LAT: "40.74096"
 INITIAL_LON: "-73.99254"
 SITE_NAME: "Kartta Labs"
 CONTACT_EMAIL: "kartta@example.com"
+EDITOR_URL: "http://localhost:8000/e"
+NOTER_URL: "http://localhost:8000/nf"
+NOTER_API_URL: "http://localhost:8000/nb"
diff --git a/mbgl-map.css b/mbgl-map.css
index bfd223e..9c578f1 100644
--- a/mbgl-map.css
+++ b/mbgl-map.css
@@ -109,10 +109,13 @@ canvas.mapboxgl-canvas.crosshair-cursor {
 }
 
 .button-photo {
+  width: 17px;
   border: 1px solid #aaa;
   padding: 5px;
   font-weight: bold;
-  font-size: 14px;
+  font-size: 26px;
+  text-align: center;
+  font-family: 'Zilla Slab';
   border-radius: 5px;
   background-color: white;
 }
diff --git a/mbgl-map.js b/mbgl-map.js
index 8099fbb..ed098c5 100644
--- a/mbgl-map.js
+++ b/mbgl-map.js
@@ -139,9 +139,9 @@ document.addEventListener("DOMContentLoaded", function(){
   map.addControl(new PhotoMapControl({
     layer: "buildings",
     outlineLayer: "buildings_outline",
-    editorUrl:   "https://re.city/e",
-    noterUrl: "https://re.city/nf",
-    noterApiUrl: "https://re.city/nb"
+    editorUrl: "{{ EDITOR_URL }}",
+    noterUrl: "{{ NOTER_URL }}",
+    noterApiUrl: "{{ NOTER_API_URL }}"
   }));
 
 
diff --git a/mbgl-photomap.js b/mbgl-photomap.js
index 37acb41..4514704 100644
--- a/mbgl-photomap.js
+++ b/mbgl-photomap.js
@@ -20,7 +20,7 @@ class PhotoMapControl {
     this._container = document.createElement('div');
     this._container.className = "mapboxgl-ctrl button-photo";
     this._container.id = "button-photo";
-    this._container.textContent = 'PH';
+    this._container.textContent = 'i';
     this.sideBarContainer =  document.getElementById("map-wrapper");
     this.searchResults = document.getElementById("search-results");
     this.searchResultsList = document.getElementById("search-results-list");