diff --git a/css/app.css b/css/app.css index d82d7d292..211efc4df 100644 --- a/css/app.css +++ b/css/app.css @@ -437,7 +437,10 @@ 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.plus { background-position: -400px 0px;} + +.icon.close-modal { background-position: -200px -40px;} + .fillD .icon.avatar { background-position: -320px -20px;} .fillD .icon.nearby { background-position: -340px -20px;} @@ -609,21 +612,17 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;} width: 60%; } -.inspector-inner .add-tag-row { - width: 100%; -} - -.inspector-inner .add-tag-row button { - border-radius: 0 0 4px 4px; -} - .inspector-inner .add-tag { width: 40%; height: 30px; border: 1px solid #ccc; border-top: 0; -} - + background: white; + border-radius: 0 0 4px 4px; + } + .inspector-inner .add-tag:hover { + background: #ececec; + } /* Map Controls */ .map-control { @@ -878,9 +877,11 @@ div.typeahead a:first-child { display: inline-block; position:absolute; width: 50%; - left: 25%; + left: 0; + right: 0; + margin: auto; max-width: 600px; - top:80px; + top: 80px; z-index: 3; } diff --git a/img/source/sprite.svg b/img/source/sprite.svg index 25984e5b2..6ea063f7d 100644 --- a/img/source/sprite.svg +++ b/img/source/sprite.svg @@ -9,7 +9,7 @@ xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="400" + width="420" height="200" id="svg12393" version="1.1" @@ -38,9 +38,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="1" - inkscape:cx="123.06085" - inkscape:cy="91.554201" + inkscape:zoom="4" + inkscape:cx="411.11786" + inkscape:cy="180.48311" inkscape:document-units="px" inkscape:current-layer="layer12" showgrid="true" @@ -53,7 +53,7 @@ fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" - showguides="false" + showguides="true" inkscape:guide-bbox="true" inkscape:snap-bbox="true" inkscape:snap-nodes="true"> @@ -172,6 +172,10 @@ orientation="1,0" position="400,210" id="guide15997" /> + @@ -274,7 +278,7 @@ inkscape:groupmode="layer" id="layer12" inkscape:label="sprite" - transform="translate(-25,3.0625e-6)"> + transform="translate(-25,3.0625001e-6)"> @@ -823,9 +827,10 @@ style="display:inline"> + id="path4439" + inkscape:connector-curvature="0" /> + + + + diff --git a/img/sprite.png b/img/sprite.png index 2bdbc9d86..abf28d158 100644 Binary files a/img/sprite.png and b/img/sprite.png differ diff --git a/js/id/ui/commit.js b/js/id/ui/commit.js index 29cf64b2f..d883b1748 100644 --- a/js/id/ui/commit.js +++ b/js/id/ui/commit.js @@ -86,7 +86,6 @@ iD.ui.commit = function(map) { .on('click.cancel', function() { event.cancel(); }); - cancelbutton.append('span').attr('class','icon close icon-pre-text'); cancelbutton.append('span').attr('class','label').text('Cancel'); var warnings = body.selectAll('div.warning-section') diff --git a/js/id/ui/inspector.js b/js/id/ui/inspector.js index d73e3c3b0..8c512953e 100644 --- a/js/id/ui/inspector.js +++ b/js/id/ui/inspector.js @@ -26,16 +26,16 @@ iD.ui.inspector = function() { tagList = inspectorwrap.append('ul'); - inspectorwrap - .append('div') - .attr('class', 'add-tag-row') - .append('button') - .attr('class', 'add-tag') - .text('+ Add New Tag') - .on('click', function() { - addTag(); - focusNewKey(); - }); + var newTag = inspectorwrap.append('button') + .attr('class', 'add-tag'); + + newTag.on('click', function() { + addTag(); + focusNewKey(); + }); + + newTag.append('span').attr('class', 'icon icon-pre-text plus'); + newTag.append('span').text('New tag') drawTags(entity.tags); @@ -63,8 +63,7 @@ iD.ui.inspector = function() { .attr('class', 'apply action') .on('click', apply); - inspectorButton.append('span').attr('class','icon icon-pre-text apply'); - inspectorButton.append('span').attr('class','label').text('Okay'); + inspectorButton.append('span').attr('class','icon apply'); var minorButtons = selection.append('div').attr('class','minor-buttons fl');