Don't use :hover, only redraw new ways, etc

css/app.css

@@ -62,10 +62,6 @@ button.delete {
     background:#DD5757;
 }
 
-button:hover {
-    background:#000;
-}
-
 button small {
     display: inline-block;
     font-weight: normal;
@@ -156,10 +152,6 @@ input#geocode-location {
     cursor:auto;
 }
 
-#bar button:hover:not([disabled]) {
-    background:#eee;
-}
-
 #bar button.active:not([disabled]) {
     background:#eee;
     color:#000;
@@ -173,10 +165,6 @@ input#geocode-location {
     color:#fff;
 }
 
-#bar button.save:hover {
-    background:#000;
-}
-
 #bar button.mini,
 #bar button.mini {
     width:auto;
@@ -306,3 +294,9 @@ input#geocode-location {
     max-height:250px;
     overflow:scroll;
 }
+
+/* mobile tweaks */
+* {
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-touch-callout:none;
+}

index.html

@@ -6,7 +6,11 @@
         <link rel='stylesheet' href='css/reset.css'>
         <link rel='stylesheet' href='css/map.css'>
         <link rel='stylesheet' href='css/app.css'>
+
+        <!-- mobile devices -->
         <meta name='viewport' content='initial-scale=1.0 maximum-scale=1.0'>
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
         <script type='text/javascript' src='js/lib/lodash.js'></script>
         <script type='text/javascript' src='js/lib/d3.v3.js'></script>

js/id/renderer/map.js

@@ -342,13 +342,14 @@ iD.Map = function(elem, connection) {
         return coords.filter(tileAlreadyLoaded).map(apiExtentBox);
     }
 
+
     function apiRequestExtent(extent) {
         connection.bboxFromAPI(extent, function (result) {
             if (result instanceof Error) {
                 // TODO: handle
             } else {
                 map.history.merge(result);
-                drawVector();
+                drawVector(iD.Util.trueObj(Object.keys(result.entities)));
             }
         });
     }