[WebProfiler] Fix some design glitches (closes #2867)

src/Symfony/Bundle/WebProfilerBundle/Resources/public/css/profiler.css

@@ -72,7 +72,7 @@ fieldset {
 }
 
 abbr {
-    border-bottom: 1px dotted #000000;
+    border-bottom: 1px dotted #000;
     cursor: help;
 }
 
@@ -160,6 +160,7 @@ abbr {
     background: #d1d1d1 url(../images/profiler/bg_submenu.gif) repeat-x 0 0;
 }
 
+#navigation div:first-child,
 #menu_profiler li:first-child,
 #menu_profiler li:first-child a,
 #menu_profiler li:first-child a span.label {
@@ -256,7 +257,7 @@ table th.value {
 
 #content #main {
     padding: 0;
-    background-color: #FFFFFF;
+    background-color: #FFF;
     border: 1px solid #dfdfdf;
 }
 
@@ -319,7 +320,7 @@ td.main, td.menu {
     margin-right: 10px;
     font-size: 12px;
     border: 1px solid #dadada;
-    background: #FFFFFF url(../images/profiler/input_bg.gif) repeat-x left top;
+    background: #FFF url(../images/profiler/input_bg.gif) repeat-x left top;
     padding: 5px 6px;
     color: #565656;
 }
@@ -333,10 +334,9 @@ td.main, td.menu {
     float: none;
     padding: 0;
     margin: 0;
-    border: 0 solid #000;
+    border: 0;
     text-decoration: none;
     cursor: pointer;
-    background-color: transparent;
     white-space: nowrap;
     display: inline-block;
     text-align: center;
@@ -376,11 +376,16 @@ td.main, td.menu {
     background: transparent url(../images/profiler/btn_bg.png) repeat-x top left;
 }
 
+#navigation div:first-child {
+    margin: 0 0 20px;
+    border-top: 0;
+}
+
 #navigation .search {
     padding-top: 15px;
     float: none;
-    background: none repeat scroll 0 0 #f6f6f6;
-    color: #333333;
+    background: #f6f6f6;
+    color: #333;
     margin: 20px 0;
     border: 1px solid #dfdfdf;
     border-left: none;
@@ -429,5 +434,6 @@ td.main, td.menu {
 }
 
 #navigation .import input {
-    width: 100px;
+    margin: 5px 0;
+    width: 210px;
 }