Web Inspector: Filter bar text and icon are positioned too low and tight

https://bugs.webkit.org/show_bug.cgi?id=135723

Reviewed by Joseph Pecoraro.

* UserInterface/Views/FilterBar.css:
(.filter-bar > input[type="search"]):
(.filter-bar > input[type="search"]::-webkit-search-decoration):
* UserInterface/Views/SearchBar.css:
(.search-bar > input[type="search"]):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@172312 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/Source/WebInspectorUI/ChangeLog b/Source/WebInspectorUI/ChangeLog
index 5fb82e1..095aef3 100644 (file)
--- a/Source/WebInspectorUI/ChangeLog
+++ b/Source/WebInspectorUI/ChangeLog
@@ -1,5 +1,18 @@
 2014-08-07  Timothy Hatcher  <timothy@apple.com>
 
+        Web Inspector: Filter bar text and icon are positioned too low and tight
+        https://bugs.webkit.org/show_bug.cgi?id=135723
+
+        Reviewed by Joseph Pecoraro.
+
+        * UserInterface/Views/FilterBar.css:
+        (.filter-bar > input[type="search"]):
+        (.filter-bar > input[type="search"]::-webkit-search-decoration):
+        * UserInterface/Views/SearchBar.css:
+        (.search-bar > input[type="search"]):
+
+2014-08-07  Timothy Hatcher  <timothy@apple.com>
+
         Web Inspector: Dashboard error and warning icons should be filled when enabled
         https://bugs.webkit.org/show_bug.cgi?id=135725
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/FilterBar.css b/Source/WebInspectorUI/UserInterface/Views/FilterBar.css
index e089145..2ef1316 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/FilterBar.css
+++ b/Source/WebInspectorUI/UserInterface/Views/FilterBar.css
@@ -41,6 +41,7 @@ body.mac-platform.legacy .filter-bar {
     -webkit-flex: 1;
 
     margin: 1px 6px;
+    padding-top: 0;
 
     outline: none;
 
@@ -73,8 +74,8 @@ body.mac-platform.legacy .filter-bar > input[type="search"] {
     width: 13px;
     height: 13px;
 
-    margin-left: 1px;
-    margin-right: 3px;
+    margin-left: 6px;
+    margin-right: 6px;
 
     vertical-align: bottom;
 

diff --git a/Source/WebInspectorUI/UserInterface/Views/SearchBar.css b/Source/WebInspectorUI/UserInterface/Views/SearchBar.css
index f9ff008..beddd76 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/SearchBar.css
+++ b/Source/WebInspectorUI/UserInterface/Views/SearchBar.css
@@ -24,6 +24,7 @@
  */
 
 .search-bar > input[type="search"] {
+    padding-top: 0;
     margin: 1px 6px;
 
     outline: none;