[WebProfilerBundle] customized search and admin tools in the profiler left sidebar

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

@@ -14,12 +14,12 @@ body
     _height:100%;
     margin:0;
     padding:0;
+    background-color:#efefef;
 }
 body
 {
     font: 1em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;;
     text-align:left;
-    background-color:#efefef;
 }
 
 p
@@ -461,4 +461,70 @@ td.main, td.menu {
     color: #6b6b6b;
     line-height: 28px;
     background: transparent url("/bundles/webprofiler/images/profiler/btn_bg.png") repeat-x top left;
+}
+
+.navigation .search
+{
+    padding-top: 15px;
+    float: none;
+    background: none repeat scroll 0 0 #f6f6f6;
+    color: #333333;
+    margin: 20px 0;
+    border: 1px solid #dfdfdf;
+    border-left: none;
+}
+
+.navigation .search h3
+{
+    font-family: Arial,Helvetica,sans-serif;
+    text-transform: uppercase;
+    margin-left: 10px;
+    font-size: 13px;
+}
+
+.navigation .search form
+{
+    padding: 15px 0;
+}
+
+.navigation .search button
+{
+    float: right;
+    margin-right: 20px;
+}
+
+.navigation .search label
+{
+    display: block;
+    float: left;
+    width: 50px;
+}
+
+.navigation .search input, 
+.navigation .search select, 
+.navigation .search label, 
+.navigation .search a
+{
+    font-size: 12px;
+}
+
+.navigation .search form
+{
+    padding-left: 10px;
+}
+
+.navigation .search input
+{
+    width: 160px;
+}
+
+.navigation .import label
+{
+    float: none;
+    display: inline;
+}
+
+.navigation .import input
+{
+    width: 100px;
 }

src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/admin.html.twig

@@ -1,4 +1,4 @@
-<div class="import clearfix">
+<div class="search import clearfix">
     <h3>
         <img style="margin: 0 5px 0 0; vertical-align: middle; height: 16px" width="16" height="16" alt="Import" src="{{ asset('bundles/webprofiler/images/import.png') }}" />
         Admin
@@ -13,6 +13,13 @@
         </div>
         &raquo;&nbsp;<label for="file">Import</label><br />
         <input type="file" name="file" id="file" /><br />
-        <input class="submit" type="submit" value="upload" />
+        <button type="submit">
+            <span class="border_l png_fix">
+                <span class="border_r png_fix">
+                    <span class="btn_bg">upload</span>
+                </span>
+            </span>
+        </button>
+        <div class="clear_fix"></div>
     </form>
 </div>

src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/search.html.twig

@@ -6,19 +6,27 @@
     <form action="{{ path('_profiler_search') }}" method="get">
         <label for="ip">IP</label>
         <input type="text" name="ip" id="ip" value="{{ ip }}" />
-        <div class="clearfix"></div>
+        <div class="clear_fix"></div>
         <label for="url">URL</label>
         <input type="text" name="url" id="url" value="{{ url }}" />
-        <div class="clearfix"></div>
+        <div class="clear_fix"></div>
         <label for="token">Token</label>
         <input type="text" name="token" id="token" />
-        <div class="clearfix"></div>
+        <div class="clear_fix"></div>
         <label for="limit">Limit</label>
         <select name="limit" id="limit">
             {% for l in [10, 50, 100] %}
                 <option{{ l == limit ? ' selected="selected"' : '' }}>{{ l }}</option>
             {% endfor %}
         </select>
-        <input class="submit" type="submit" value="update" /><br />
+
+        <button type="submit">
+            <span class="border_l png_fix">
+                <span class="border_r png_fix">
+                    <span class="btn_bg">update</span>
+                </span>
+            </span>
+        </button>
+        <div class="clear_fix"></div>
     </form>
 </div>