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); }); }