diff --git a/css/app.css b/css/app.css
index 7e1398f85..bda37f57e 100644
--- a/css/app.css
+++ b/css/app.css
@@ -91,14 +91,13 @@ button {
display: inline-block;
height:40px;
}
-.fillD button { border: 1px solid black; }
button:hover {
background-color: #ececec;
}
button.active:not([disabled]) {
- background:#7392ff;
+ background:#aaa;
color:#fff;
}
@@ -142,17 +141,29 @@ button.Browse {
}
button[disabled] {
- color:#eee;
+ color:#ccc;
cursor:auto;
}
-button.save {
- display:inline-block;
- color:#6dc643;
+button.action {
+ background: #7092ff;
+}
+button.action:hover {
+ background: #6282ee;
}
button.delete {
- color:#ff7070;
+ background: #ff7070;
+}
+button.delete:hover {
+ background: #ef5454;
+}
+
+button.save {
+ background:#6bc641;
+}
+button.save:hover {
+ background: #59ac33;
}
button.close {
@@ -186,6 +197,11 @@ button .label {
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
+button.action .label {
+ color: white;
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+}
+
/* Icons */
.icon {
@@ -263,7 +279,6 @@ button.Browse .label {
/* Inspector */
.inspector-wrap {
- border:1px solid #ccc;
position:absolute;
right: 0;
left: 530px;
diff --git a/img/source/design.svg b/img/source/design.svg
index c9f80174f..0241e2fe6 100644
--- a/img/source/design.svg
+++ b/img/source/design.svg
@@ -329,11 +329,11 @@
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
- inkscape:zoom="1"
- inkscape:cx="551.67736"
- inkscape:cy="614.51516"
+ inkscape:zoom="8"
+ inkscape:cx="-55.068441"
+ inkscape:cy="832.46552"
inkscape:document-units="px"
- inkscape:current-layer="layer8"
+ inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1660"
inkscape:window-height="971"
@@ -2092,6 +2092,33 @@
d="M 454 -35 L 453 -34 L 453 -33 L 454 -32 L 466 -32 L 467 -33 L 467 -34 L 466 -35 L 454 -35 z M 454 -31 L 454 -21 L 455 -20 L 465 -20 L 466 -21 L 466 -31 L 454 -31 z M 456 -29 L 458 -29 L 458 -23 L 457 -22 L 456 -23 L 456 -29 z M 459 -29 L 461 -29 L 461 -23 L 460 -22 L 459 -23 L 459 -29 z M 462 -29 L 464 -29 L 464 -23 L 463 -22 L 462 -23 L 462 -29 z "
transform="translate(0,52.362183)"
id="path16662" />
+
+
+
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#4672ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" />
+ d="M 169.00002,8.999999 175,1.9999989 l 6.00002,7.0000201 -4,-10e-6 -1e-5,6 -1.00001,0.99999 -2,0 -1,-0.99998 1e-5,-6.00002 z"
+ style="opacity:0.25;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="fill:#6bc641;fill-opacity:1;display:inline" />
-
-
+
+
+
+
diff --git a/img/sprite.png b/img/sprite.png
index 53d2e0e3b..2c367b4d5 100644
Binary files a/img/sprite.png and b/img/sprite.png differ
diff --git a/js/id/id.js b/js/id/id.js
index 4700d339e..b10684fe0 100644
--- a/js/id/id.js
+++ b/js/id/id.js
@@ -73,7 +73,7 @@ window.iD = function(container) {
.attr('class', 'hello');
bar.append('button')
- .attr('class', 'save wide')
+ .attr('class', 'save action wide')
.html("Save")
.attr('title', 'Save changes to OpenStreetMap, making them visible to other users')
.call(bootstrap.tooltip()
diff --git a/js/id/ui/inspector.js b/js/id/ui/inspector.js
index 31a3e986a..72d2a0118 100644
--- a/js/id/ui/inspector.js
+++ b/js/id/ui/inspector.js
@@ -136,14 +136,14 @@ iD.Inspector = function() {
function drawbuttons(selection) {
selection.append('button')
- .attr('class', 'save wide')
+ .attr('class', 'apply wide action')
.html("Apply")
.on('click', function(entity) {
event.changeTags(entity, clean(grabtags()));
event.close(entity);
});
selection.append('button')
- .attr('class', 'delete wide')
+ .attr('class', 'delete wide action')
.html("Delete")
.on('click', function(entity) { event.remove(entity); });
}