diff --git a/css/app.css b/css/app.css
index 10ac5130b..493726b1d 100644
--- a/css/app.css
+++ b/css/app.css
@@ -169,6 +169,26 @@ button small {
vertical-align: top;
}
+/* Icons */
+
+.icon {
+ display:inline-block;
+ vertical-align:top;
+ width:20px;
+ height:20px;
+ background:transparent url(/img/background-pattern-1.png) no-repeat 0px 0px;
+ text-indent:-9999px;
+ overflow:hidden;
+ }
+
+.icon.browse { background-position: 0px 0px;}
+.icon.place { background-position: -20px 0px;}
+.icon.road { background-position: -40px 0px;}
+.icon.area { background-position: -60px 0px;}
+.icon.undo { background-position: -80px 0px;}
+.icon.redo { background-position: -100px 0px;}
+.icon.save { background-position: -120px 0px;}
+
/* Map
------------------------------------------------------- */
diff --git a/img/source/sprite.png b/img/source/sprite.png
index f27fa65a0..efc5f6781 100644
Binary files a/img/source/sprite.png and b/img/source/sprite.png differ
diff --git a/img/source/sprite.svg b/img/source/sprite.svg
index 73c11afee..c000ca96d 100644
--- a/img/source/sprite.svg
+++ b/img/source/sprite.svg
@@ -10,11 +10,14 @@
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="220"
- height="40"
+ height="100"
id="svg12393"
version="1.1"
inkscape:version="0.48.2 r9819"
- sodipodi:docname="sprite.svg">
+ sodipodi:docname="sprite.svg"
+ inkscape:export-filename="/Users/saman/work_repos/iD/img/source/sprite@2x.png"
+ inkscape:export-xdpi="180"
+ inkscape:export-ydpi="180">
+
+
+
@@ -127,133 +142,128 @@
id="layer12"
inkscape:label="sprite"
transform="translate(-25,3.8281252e-7)">
+
+
+
+
+ id="g14233"
+ transform="translate(-321,-82.36218)"
+ style="opacity:0.25;fill:#000000;fill-opacity:1;display:inline">
-
-
+ id="path14235"
+ d="m 471,110.36218 -1,1 0,1 5,5 1,0 1,-1 0,-1 -5,-5 z"
+ style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+
+
+
+
+
-
-
-
-
-
+ style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+ d="m 174,3 -1,1 0,4 -4,0 -1,1 0,1 1,1 4,0 0,4 1,1 1,0 1,-1 0,-4 4,0 1,-1 0,-1 -1,-1 -4,0 0,-4 -1,-1 -1,0 z"
+ transform="translate(756,-73.637817)"
+ id="path14245" />
+
+
+
+
+
+
+
+ style="fill:#000000;fill-opacity:1"
+ id="g14257">
-
-
-
+ style="color:#000000;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter8013-4);enable-background:accumulate"
+ d="m 234.5,3 -6.5,3 0,1 6.5,3 1,0 6.5,-3 0,-1 -6.5,-3 -1,0 z M 229.09375,9 228,9.5 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z m 0,3.5 L 228,13 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z"
+ transform="translate(-205,292.36218)"
+ id="path14259" />
-
-
+ style="fill:#000000;fill-opacity:1"
+ transform="translate(0,-3)"
+ id="g14261" />
-
-
-
-
-
-
+ style="fill:#000000;fill-opacity:1"
+ id="g14263"
+ transform="translate(0,-6)" />
+ transform="translate(-896,134.63782)">
+ transform="translate(65,-232.36218)">
+
+
+
+
+ style="fill:#ffffff;fill-opacity:1;display:inline"
+ transform="translate(-321,-81.36218)"
+ id="g14167">
+ sodipodi:nodetypes="ccccccccc" />
-
-
-
-
-
-
+ sodipodi:nodetypes="cccccccccc" />
+
+
+
+
+ inkscape:connector-curvature="0" />
+
+
+
+
+
+
+
+ id="g14191"
+ style="fill:#ffffff;fill-opacity:1">
+ id="path14193"
+ transform="translate(-205,292.36218)"
+ d="m 234.5,3 -6.5,3 0,1 6.5,3 1,0 6.5,-3 0,-1 -6.5,-3 -1,0 z M 229.09375,9 228,9.5 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z m 0,3.5 L 228,13 l 0,1 6.5,3 1,0 6.5,-3 0,-1 -1.09375,-0.5 -5.40625,2.5 -1,0 -5.40625,-2.5 z"
+ style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter8013-4);enable-background:accumulate"
+ inkscape:connector-curvature="0" />
-
-
+ id="g14195"
+ transform="translate(0,-3)"
+ style="fill:#ffffff;fill-opacity:1" />
-
-
-
-
-
-
-
-
-
+ transform="translate(0,-6)"
+ id="g14197"
+ style="fill:#ffffff;fill-opacity:1" />