From e6cbe55592b1b457234f996f66e1ef34e0b423e7 Mon Sep 17 00:00:00 2001 From: Tom MacWright Date: Tue, 27 Nov 2012 11:19:22 -0500 Subject: [PATCH] Slimmer UI elements --- css/app.css | 18 ++++++++++-------- js/iD/ui/Inspector.js | 4 +--- js/iD/ui/userpanel.js | 1 + 3 files changed, 12 insertions(+), 11 deletions(-) diff --git a/css/app.css b/css/app.css index a7927cc9f..656ae52d9 100644 --- a/css/app.css +++ b/css/app.css @@ -23,7 +23,6 @@ body { padding:2px 5px; } - #bar { background:#fff; position:absolute; @@ -35,7 +34,7 @@ body { input#geocode-location { position:absolute; - background:#eee; + background:#f4f4ff; color:#222; } @@ -52,7 +51,6 @@ p { a:visited, a { color: #345692; } - a:hover { color:#000; } @@ -66,14 +64,18 @@ input[type=text]:focus { border-color:#222; } +button { + background:#3f5ca5; +} + #bar button { - width:100px; + width:80px; white-space:nowrap; cursor:pointer; display:inline-block; background:#fff; color:#222; - font:bold 19px/30px 'Helvetica Neue', sans-serif; + font:bold 14px/19px 'Helvetica Neue', sans-serif; border:0; border-right:1px solid #eee; padding:0 10px; @@ -123,8 +125,8 @@ input[type=text]:focus { position:absolute; top:0; right:100px; - background:#3F5CA5; - color:#eee; + background:#7092ff; + color:#fff; } #bar button.save:hover { @@ -140,7 +142,7 @@ button small { display: inline-block; font-weight: normal; font-size: 12px; - line-height: 30px; + line-height: 20px; vertical-align: top; } diff --git a/js/iD/ui/Inspector.js b/js/iD/ui/Inspector.js index 5fab53c85..e0ff790b1 100644 --- a/js/iD/ui/Inspector.js +++ b/js/iD/ui/Inspector.js @@ -114,9 +114,7 @@ iD.Inspector = function() { // TODO: there must be a function for this function unentries(x) { var obj = {}; - for (var i = 0; i < x.length; i++) { - obj[x[i].key] = x[i].value; - } + for (var i = 0; i < x.length; i++) obj[x[i].key] = x[i].value; return obj; } diff --git a/js/iD/ui/userpanel.js b/js/iD/ui/userpanel.js index f49072bcd..9d0735973 100644 --- a/js/iD/ui/userpanel.js +++ b/js/iD/ui/userpanel.js @@ -23,6 +23,7 @@ iD.userpanel = function(connection) { selection .append('a') .attr('class', 'login') + .attr('href', '#') .text('login') .on('click', event.login); }