From bfafc8e929c3ac72cc7928e561dd6ae4e4f1f21b Mon Sep 17 00:00:00 2001
From: Saman Bemel-Benrud <samanpwbb@gmail.com>
Date: Tue, 29 Jan 2013 17:56:47 -0500
Subject: [PATCH] adding css classes for operation icons.

---
 css/app.css           | 44 +++++++++++++++++++++----------------------
 img/source/sprite.svg | 35 ++++++++++------------------------
 2 files changed, 32 insertions(+), 47 deletions(-)

diff --git a/css/app.css b/css/app.css
index 4cf72174d..d82d7d292 100644
--- a/css/app.css
+++ b/css/app.css
@@ -416,12 +416,12 @@ button[disabled] .label {
 }
 
 /* Definitions for every icon */
-.icon.browse     { background-position:   0px -20px;}
-.icon.add-point  { background-position: -20px -20px;}
-.icon.add-line   { background-position: -40px -20px;}
-.icon.add-area   { background-position: -60px -20px;}
-.icon.undo       { background-position: -80px -20px;}
-.icon.redo      { background-position: -100px -20px;}
+.icon.browse     { background-position:   0px 0px;}
+.icon.add-point  { background-position: -20px 0px;}
+.icon.add-line   { background-position: -40px 0px;}
+.icon.add-area   { background-position: -60px 0px;}
+.icon.undo       { background-position: -80px 0px;}
+.icon.redo      { background-position: -100px 0px;}
 
 .icon.apply      { background-position: -120px 0px;}
 .icon.save       { background-position: -140px 0px;}
@@ -437,18 +437,7 @@ button[disabled] .label {
 .icon.nearby     { background-position: -340px 0px;}
 .icon.geolocate  { background-position: -360px 0px;}
 .icon.warning    { background-position: -380px 0px;}
-
 .icon.close-modal{ background-position: -200px -40px;}
-
-.icon.invert.zoom-in    { background-position: -240px -40px;}
-
-.icon.browse     { background-position:   0px 0px;}
-.icon.add-point  { background-position: -20px 0px;}
-.icon.add-line   { background-position: -40px 0px;}
-.icon.add-area   { background-position: -60px 0px;}
-.icon.undo       { background-position: -80px 0px;}
-.icon.redo      { background-position: -100px 0px;}
-
 .fillD .icon.avatar           { background-position: -320px -20px;}
 .fillD .icon.nearby           { background-position: -340px -20px;}
 
@@ -471,13 +460,24 @@ button[disabled] .icon.layers     { background-position: -300px -40px;}
 button[disabled] .icon.avatar     { background-position: -320px -40px;}
 button[disabled] .icon.nearby     { background-position: -340px -40px;}
 
-.icon.big-line    { background-position: 0px -80px;}
-.icon.big-point   { background-position: -40px -80px;}
-.icon.big-area    { background-position: -80px -80px;}
-.icon.big-vertex { background-position: -120px -80px;}
-.icon.big-inspect { background-position: -160px -80px;}
+.icon.big-line     { background-position: 0px -80px;}
+.icon.big-point    { background-position: -40px -80px;}
+.icon.big-area     { background-position: -80px -80px;}
+.icon.big-vertex   { background-position: -120px -80px;}
+.icon.big-inspect  { background-position: -160px -80px;}
 .icon.big-relation { background-position: -200px -80px;}
 
+.icon.operation.delete        { background-position: 0px -140px;}
+.icon.operation.circularize   { background-position: -20px -140px;}
+.icon.operation.straighten    { background-position: -40px -140px;}
+.icon.operation.split         { background-position: -60px -140px;}
+.icon.operation.unjoin        { background-position: -80px -140px;}
+.icon.operation.reverse       { background-position: -100px -140px;}
+.icon.operation.move          { background-position: -120px -140px;}
+.icon.operation.merge         { background-position: -140px -140px;}
+.icon.operation.orthogonalize { background-position: -160px -140px;}
+
+
 /* Toggle icon is special */
 .toggle.icon                   { background-position: 0px -180px;}
 a:hover .toggle.icon           { background-position: -20px -180px;}
diff --git a/img/source/sprite.svg b/img/source/sprite.svg
index 8af12723b..25984e5b2 100644
--- a/img/source/sprite.svg
+++ b/img/source/sprite.svg
@@ -38,22 +38,22 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="16"
-     inkscape:cx="174.72757"
-     inkscape:cy="45.850291"
+     inkscape:zoom="1"
+     inkscape:cx="123.06085"
+     inkscape:cy="91.554201"
      inkscape:document-units="px"
      inkscape:current-layer="layer12"
      showgrid="true"
      inkscape:window-width="1280"
      inkscape:window-height="756"
-     inkscape:window-x="240"
+     inkscape:window-x="69"
      inkscape:window-y="0"
      inkscape:window-maximized="0"
      fit-margin-top="0"
      fit-margin-left="0"
      fit-margin-right="0"
      fit-margin-bottom="0"
-     showguides="true"
+     showguides="false"
      inkscape:guide-bbox="true"
      inkscape:snap-bbox="true"
      inkscape:snap-nodes="true">
@@ -181,7 +181,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
+        <dc:title></dc:title>
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -822,26 +822,11 @@
        transform="matrix(2,0,0,2,-1601,221.27564)"
        style="display:inline">
       <path
-         sodipodi:nodetypes="cccccccccsssss"
-         inkscape:connector-curvature="0"
-         id="path4439"
-         d="m 879,-58.63782 2,2 4,0 2,-2 0,-4 -2,-2 -4,-2e-6 -2,2 z m 4,-4 c 1.10456,0 2,0.89543 2,2 0,1.10457 -0.89544,2 -2,2 -1.10456,0 -2,-0.89543 -2,-2 0,-1.10457 0.89544,-2 2,-2 z"
-         style="color:#000000;fill:#c1c1c1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
+         style="color:#000000;fill:#c1c1c1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+         d="M 136 92 L 132 96 L 125 96 L 125 104 L 132 104 L 136 108 L 144 108 L 148 104 L 155 104 L 155 96 L 148 96 L 144 92 L 136 92 z M 140 96 C 142.20912 96 144 97.79086 144 100 C 144 102.20914 142.20912 104 140 104 C 137.79088 104 136 102.20914 136 100 C 136 97.79086 137.79088 96 140 96 z "
+         transform="matrix(0.5,0,0,0.5,813,-110.63782)"
+         id="path4439" />
     </g>
-    <rect
-       style="color:#000000;fill:#c1c1c1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
-       id="rect4444"
-       width="9"
-       height="8"
-       x="150"
-       y="96" />
-    <rect
-       y="96"
-       x="171"
-       height="8"
-       width="9"
-       id="rect4446"
-       style="color:#000000;fill:#c1c1c1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
     <path
        sodipodi:type="arc"
        style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"