From dd2c94f8c1e780ecdb3507117a10d1bd78d01d4e Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Sun, 16 Feb 2014 23:01:59 -0800
Subject: [PATCH] Tweak tokenizer colors, spacing

Summary: Fixes T4441, minor tweaks to color and spacing

Test Plan: test 0, 1, and lots of tokens.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Maniphest Tasks: T4441

Differential Revision: https://secure.phabricator.com/D8258
---
 resources/celerity/map.php             | 14 +++++++-------
 webroot/rsrc/css/aphront/tokenizer.css | 16 +++++++++-------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 1a971cbc24..4fbd2eb955 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -7,7 +7,7 @@
 return array(
   'names' =>
   array(
-    'core.pkg.css' => '244a9d51',
+    'core.pkg.css' => '8b43d965',
     'core.pkg.js' => '8f7aa2c3',
     'darkconsole.pkg.js' => 'ca8671ce',
     'differential.pkg.css' => '6aef439e',
@@ -32,7 +32,7 @@ return array(
     'rsrc/css/aphront/phabricator-nav-view.css' => 'd0d4a509',
     'rsrc/css/aphront/request-failure-view.css' => 'da14df31',
     'rsrc/css/aphront/table-view.css' => '92a719ca',
-    'rsrc/css/aphront/tokenizer.css' => '08ea6326',
+    'rsrc/css/aphront/tokenizer.css' => '75a7316a',
     'rsrc/css/aphront/tooltip.css' => '9c90229d',
     'rsrc/css/aphront/transaction.css' => 'ce491938',
     'rsrc/css/aphront/two-column.css' => '16ab3ad2',
@@ -488,7 +488,7 @@ return array(
     'aphront-panel-view-css' => '5846dfa2',
     'aphront-request-failure-view-css' => 'da14df31',
     'aphront-table-view-css' => '92a719ca',
-    'aphront-tokenizer-control-css' => '08ea6326',
+    'aphront-tokenizer-control-css' => '75a7316a',
     'aphront-tooltip-css' => '9c90229d',
     'aphront-two-column-view-css' => '16ab3ad2',
     'aphront-typeahead-control-css' => '271456a1',
@@ -855,10 +855,6 @@ return array(
     array(
       0 => 'javelin-install',
     ),
-    '08ea6326' =>
-    array(
-      0 => 'aphront-typeahead-control-css',
-    ),
     '0a81ea29' =>
     array(
       0 => 'javelin-install',
@@ -1245,6 +1241,10 @@ return array(
       0 => 'javelin-behavior',
       1 => 'javelin-dom',
     ),
+    '75a7316a' =>
+    array(
+      0 => 'aphront-typeahead-control-css',
+    ),
     '75e50c72' =>
     array(
       0 => 'javelin-behavior',
diff --git a/webroot/rsrc/css/aphront/tokenizer.css b/webroot/rsrc/css/aphront/tokenizer.css
index 0ebee5b0fe..96a256fac1 100644
--- a/webroot/rsrc/css/aphront/tokenizer.css
+++ b/webroot/rsrc/css/aphront/tokenizer.css
@@ -12,7 +12,7 @@ body div.jx-tokenizer {
 body div.jx-tokenizer-container {
   position: relative;
   display: block;
-  padding: 0;
+  padding: 0 0 2px 0;
   min-height: 30px;
   height: auto;
 }
@@ -50,34 +50,36 @@ body input.jx-typeahead-placeholder {
 }
 
 a.jx-tokenizer-x {
-  padding-left: 4px;
+  margin-left: 4px;
+  color: {$bluetext};
 }
 
 a.jx-tokenizer-x:hover {
-  color: #000;
+  color: {$darkbluetext};
   text-decoration: none;
 }
 
 a.jx-tokenizer-token {
   padding: 2px 6px 3px;
-  border:  1px solid #a4bdec;
+  border:  1px solid {$lightblueborder};
   margin: 3px 2px 0 4px;
   background: #dee7f8;
   float: left;
   cursor: pointer;
   border-radius: 3px;
-  color: #333;
+  color: {$darkbluetext};
 
 }
 
 a.jx-tokenizer-token:hover {
   text-decoration: none;
-  background: #bbcef1;
+  border-color: {$blueborder};
+  background: #CDD9F0;
 }
 
 .jx-tokenizer-token .phui-icon-view {
   display: inline-block;
-  margin: 2px 4px -2px 0;
+  margin: 2px 4px -3px 0;
 }
 
 .tokenizer-result {