diff --git a/css/app.css b/css/app.css index 5a910da34..987e4674c 100644 --- a/css/app.css +++ b/css/app.css @@ -451,12 +451,11 @@ button.Browse .label { } .inspector-toggle { - padding:10px; - text-shadow: 0 -1px 0 rgba(0,0,0,0.25); - text-align:center; color:#fff; - cursor:pointer; + width: 100%; + display: block; background:#7092ff; + border: 0; } .inspector-body { diff --git a/js/id/ui/inspector.js b/js/id/ui/inspector.js index ec4e30cd8..d3e651b90 100644 --- a/js/id/ui/inspector.js +++ b/js/id/ui/inspector.js @@ -198,19 +198,20 @@ iD.Inspector = function() { inspectorbody.style('display', 'none') .style('margin-top', (-inHeight) + 'px'); - var inspectortoggle = selection.append('div') - .attr('class', 'inspector-toggle') - .text('Details') + var inspectortoggle = selection.append('button') + .attr('class', 'inspector-toggle action') .on('click', function() { inspectortoggle.style('display', 'none'); inspectorbody .style('display', 'block') .transition() .style('margin-top', '0px'); - }); - + }) formsel.select('input').node().focus(); + inspectortoggle.append('span') + .text('Details') + .attr('class','label'); }); }