From 20ed02c2c465d51eb45ce1964b025d8f8229a3e3 Mon Sep 17 00:00:00 2001
From: saman bb <samanpwbb@gmail.com>
Date: Thu, 16 May 2013 23:00:18 -0400
Subject: [PATCH] minor style fixes.

---
 css/app.css                  | 25 ++++++++++++++-----------
 js/id/ui/preset/localized.js |  2 +-
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/css/app.css b/css/app.css
index 1b210159e..adc6b1bfe 100644
--- a/css/app.css
+++ b/css/app.css
@@ -756,10 +756,13 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
     overflow: hidden;
     border-left: 1px solid rgba(0, 0, 0, .1);
     line-height: 50px;
+    -moz-transition: all 100ms;
+    -o-transition: all 100ms;
+    transition: all 100ms;
     }
 
 .grid-entry:hover .label {
-    background: none;
+    background: #ececec;
 }
 
 .grid-button-wrap button.tag-reference-button {
@@ -885,7 +888,7 @@ a:hover .icon.out-link   { background-position: -500px -14px;}
 
 .tag-wrap .preset-icon-wrap {
     border-bottom: 1px solid #CCC;
-    background-color: #e8ebff;
+    background-color: #F6F6F6;
 }
 
 .tag-wrap .preset-icon-wrap::after {
@@ -1007,6 +1010,10 @@ button.preset-add-field:nth-last-child(8) ~ button.preset-add-field {
     border-top-color: #000;
 }
 
+.tag-wrap .tooltip.left .tooltip-arrow {
+    border-left-color: #000;
+}
+
 .tag-wrap .tooltip-inner {
     background: #000;
     color: #ccc;
@@ -2149,8 +2156,6 @@ img.wiki-image {
 ------------------------------------------------------- */
 
 .tooltip {
-    max-width: 200px;
-    min-width: 120px;
     position: absolute;
     display: none;
     color:#333;
@@ -2181,9 +2186,12 @@ img.wiki-image {
 
 .tooltip.left {
     margin-left: -20px;
+    text-align: right;
 }
 
 .tooltip-inner {
+    display: inline-block;
+    max-width: 200px;
     padding: 10px;
     font-weight: normal;
     background-color: white;
@@ -2277,7 +2285,6 @@ img.wiki-image {
     border-width: 0 5px 5px;
 }
 
-
 /* Exceptions for tooltips that are up against the edge of the screen */
 .add-point .tooltip {
     left: -20px !important; }
@@ -2288,12 +2295,9 @@ img.wiki-image {
 }
 
 .tooltip .keyhint-wrap {
-    background: #f6f6f6;
+    background: #F6F6F6;
     padding: 10px;
-    left: 0;
-    right: 0;
-    bottom: -42px;
-    position: absolute;
+    margin: 10px -10px -10px;
 }
 
 .tooltip-inner .keyhint {
@@ -2306,7 +2310,6 @@ img.wiki-image {
     position: relative;
     z-index: 1;
     text-align: left;
-    clear: both;
 }
 
 .tooltip-inner .keyhint::after {
diff --git a/js/id/ui/preset/localized.js b/js/id/ui/preset/localized.js
index e24807b4b..a1eaed55c 100644
--- a/js/id/ui/preset/localized.js
+++ b/js/id/ui/preset/localized.js
@@ -24,7 +24,7 @@ iD.ui.preset.localized = function(field, context) {
 
         translateButton.call(bootstrap.tooltip()
             .title(t('translate.translate'))
-            .placement('top'));
+            .placement('left'));
 
         localizedInputs = selection.append('div')
             .attr('class', 'localized-wrap');