From 0fcc06b8aece916e269f28d7593ae36c5d19d763 Mon Sep 17 00:00:00 2001
From: Frederic Junod <frederic.junod@camptocamp.com>
Date: Sun, 3 Mar 2013 12:23:29 +0100
Subject: [PATCH] Set ol-zoom content in css using :before pseudo class

---
 css/ol.css                    | 7 +++++++
 src/ol/control/zoomcontrol.js | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/css/ol.css b/css/ol.css
index 20b1d1450a..197439505e 100644
--- a/css/ol.css
+++ b/css/ol.css
@@ -67,6 +67,13 @@
 .ol-zoom-in {
   border-radius: 2px 2px 0 0;
 }
+.ol-zoom-in:before {
+  content: "+";
+}
+
 .ol-zoom-out {
   border-radius: 0 0 2px 2px;
 }
+.ol-zoom-out:before {
+  content: "\2212";
+}
diff --git a/src/ol/control/zoomcontrol.js b/src/ol/control/zoomcontrol.js
index 6d99bbd80f..1f5354e3dd 100644
--- a/src/ol/control/zoomcontrol.js
+++ b/src/ol/control/zoomcontrol.js
@@ -30,13 +30,13 @@ ol.control.Zoom = function(zoomOptions) {
   var inElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomIn',
     'class': 'ol-zoom-in'
-  }, '+');
+  });
   goog.events.listen(inElement, eventType, this.handleIn_, false, this);
 
   var outElement = goog.dom.createDom(goog.dom.TagName.A, {
     'href': '#zoomOut',
     'class': 'ol-zoom-out'
-  }, '\u2212');
+  });
   goog.events.listen(outElement, eventType, this.handleOut_, false, this);
 
   var element = goog.dom.createDom(