From ff4d562d841e8e9112a4ff4db234dde63b44714b Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Sat, 11 Apr 2015 21:26:25 -0700
Subject: [PATCH] Draw main search border around button also

Summary: Extends the focus highlight around the button on main search bar as well as input.

Test Plan: reviewed on desktop and mobile breakpoints. did a search. woo.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D12364
---
 resources/celerity/map.php                      |  6 +++---
 .../css/application/base/main-menu-view.css     | 17 +++++++++--------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 0e7e2e8f81..9daefd2d84 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => 'a31d0df4',
+    'core.pkg.css' => 'a2bfa724',
     'core.pkg.js' => '6a4f677f',
     'darkconsole.pkg.js' => '8ab24e01',
     'differential.pkg.css' => '3500921f',
@@ -34,7 +34,7 @@ return array(
     'rsrc/css/aphront/typeahead.css' => '0e403212',
     'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
     'rsrc/css/application/auth/auth.css' => '1e655982',
-    'rsrc/css/application/base/main-menu-view.css' => 'fa9ebdbd',
+    'rsrc/css/application/base/main-menu-view.css' => 'af66f1d4',
     'rsrc/css/application/base/notification-menu.css' => '6aa0a74b',
     'rsrc/css/application/base/phabricator-application-launch-view.css' => '16ca323f',
     'rsrc/css/application/base/standard-page-view.css' => 'd2a6518d',
@@ -731,7 +731,7 @@ return array(
     'phabricator-hovercard-view-css' => '893f4783',
     'phabricator-keyboard-shortcut' => '1ae869f2',
     'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
-    'phabricator-main-menu-view' => 'fa9ebdbd',
+    'phabricator-main-menu-view' => 'af66f1d4',
     'phabricator-nav-view-css' => '7aeaf435',
     'phabricator-notification' => '0c6946e7',
     'phabricator-notification-css' => '9c279160',
diff --git a/webroot/rsrc/css/application/base/main-menu-view.css b/webroot/rsrc/css/application/base/main-menu-view.css
index ae5858764c..d8e1f69988 100644
--- a/webroot/rsrc/css/application/base/main-menu-view.css
+++ b/webroot/rsrc/css/application/base/main-menu-view.css
@@ -148,15 +148,15 @@
   font-size: 13px;
   border-width: 2px;
   border-color: rgba(0,0,0,.6);
-  border-radius: 3px 0 0 3px;
+  border-radius: 3px;
   background-color: rgba(0,0,0,.5);
   opacity: .8;
   height: 28px;
   line-height: 12px;
   box-shadow: 0px 1px 1px rgba(128, 128, 128, 0.25);
-  padding: 6px;
+  padding: 6px 30px 6px 6px;
   float: left;
-  width: 175px;
+  width: 205px;
   left: 0;
 }
 
@@ -192,14 +192,13 @@
   box-shadow: none;
   text-shadow: none;
   min-width: 0;
-  height: 28px;
-  width: 30px;
-  top: 8px;
+  height: 24px;
+  width: 28px;
+  top: 10px;
   right: -7px;
   margin: 0 8px 0 0;
   padding: 0;
-  border-bottom-left-radius: 0;
-  border-top-left-radius: 0;
+  border-radius: 0;
 }
 
 .phabricator-main-menu-search button:hover {
@@ -209,6 +208,8 @@
 .device .phabricator-main-menu-search button {
   top: 6px;
   border-radius: 0;
+  height: 28px;
+  right: -6px;
 }
 
 .phabricator-main-menu-search-target div.jx-typeahead-results {