diff --git a/frontend/index.html b/frontend/index.html
index ba82f19c..cfa67e77 100755
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -198,9 +198,11 @@
         </dl>
       </ul>
       <h2 class="h2">Building</h2>
-      <pre id="building-detail">
-  Click a building to see data.
-      </pre>
+      <pre id="building-detail">Click a building to see data.</pre>
+      <div class="buttons-container">
+        <a href="building-view.html" class="btn btn-primary">View building</a>
+        <a href="building-edit.html" class="btn btn-success">Edit data</a>
+      </div>
     </div>
 </main>
 <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"
diff --git a/frontend/main.css b/frontend/main.css
index 0ff7e538..4552eee9 100755
--- a/frontend/main.css
+++ b/frontend/main.css
@@ -530,16 +530,16 @@ form .btn {
 .buttons-container.btn-center {
     text-align: center;
 }
-.btn.btn-half {
-    width: 49%;
-    margin-left: 0;
-    margin-right: 2%;
-    min-width: 11.45em;
+@media (min-width: 768px) {
+    .btn.btn-half {
+        width: 49%;
+        margin-left: 0;
+        margin-right: 2%;
+    }
+    .btn.btn-half:nth-child(2n) {
+        margin-right: 0;
+    }
 }
-.btn.btn-half:nth-child(2n) {
-    margin-right: 0;
-}
-
 /**
  * Colours
  */
diff --git a/frontend/maps.html b/frontend/maps.html
index 804c0811..72f74ead 100755
--- a/frontend/maps.html
+++ b/frontend/maps.html
@@ -192,9 +192,11 @@
       </dl>
     </ul>
     <h2 class="h2">Building</h2>
-    <pre id="building-detail">
-Click a building to see data.
-    </pre>
+    <pre id="building-detail">Click a building to see data.</pre>
+    <div class="buttons-container">
+      <a href="building-view.html" class="btn btn-primary">View building</a>
+      <a href="building-edit.html" class="btn btn-success">Edit data</a>
+    </div>
   </div>
 </main>
 <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"