Bigger + and - zoom buttons on touch devices

css/ol.css

@@ -140,6 +140,12 @@ a.ol-full-screen-true:after {
   line-height: 19px;
   background: rgba(0,60,136,0.5);
 }
+.ol-touch .ol-zoom a {
+  font-size: 20px;
+  height: 30px;
+  width: 30px;
+  line-height: 26px;
+}
 .ol-zoom a:hover {
   background: rgba(0,60,136,0.7);
 }

src/ol/map.js

@@ -207,6 +207,9 @@ ol.Map = function(options) {
   this.viewport_.style.height = '100%';
   // prevent page zoom on IE >= 10 browsers
   this.viewport_.style.msTouchAction = 'none';
+  if (ol.BrowserFeature.HAS_TOUCH) {
+    this.viewport_.className = 'ol-touch';
+  }
   goog.dom.appendChild(this.target_, this.viewport_);
 
   /**