[webProfilerBundle] Update the 'token not found' page with the new design

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

@@ -0,0 +1,25 @@
+<div class="header clear_fix">
+    <h1>
+        <img src="{{ asset('bundles/webprofiler/images/profiler/logo_symfony_profiler.gif') }}" alt="Symfony profiler"/>
+    </h1>
+
+    <div class="search">
+        <form method="get" action="http://symfony.com/search">
+            <div class="form_row">
+                <label for="search_id">
+                    <img src="{{ asset('bundles/webprofiler/images/profiler/grey_magnifier.png') }}" alt="Search on Symfony website"/>
+                </label>
+
+                <input name="q" id="search_id" type="text" placeholder="Search on Symfony website"/>
+
+                <button type="submit">
+                    <span class="border_l">
+                        <span class="border_r">
+                            <span class="btn_bg">OK</span>
+                        </span>
+                    </span>
+                </button>
+            </div>
+        </form>
+    </div>
+</div>

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

@@ -5,32 +5,7 @@
     {% render 'WebProfilerBundle:Profiler:toolbar' with { 'token': token, 'position': 'normal' } %}
 
     <div id="content">
-
-        <div class="header clear_fix">
-            <h1>
-                <img src="{{ asset('bundles/webprofiler/images/profiler/logo_symfony_profiler.gif') }}" alt="Symfony profiler"/>
-            </h1>
-
-            <div class="search">
-                <form method="get" action="http://symfony.com/search">
-                    <div class="form_row">
-                        <label for="search_id">
-                            <img src="{{ asset('bundles/webprofiler/images/profiler/grey_magnifier.png') }}" alt="Search on Symfony website"/>
-                        </label>
-
-                        <input name="q" id="search_id" type="text" placeholder="Search on Symfony website"/>
-
-                        <button type="submit">
-                            <span class="border_l">
-                                <span class="border_r">
-                                    <span class="btn_bg">OK</span>
-                                </span>
-                            </span>
-                        </button>
-                    </div>
-                </form>
-            </div>
-        </div>
+        {% include 'WebProfilerBundle:Profiler:header.html.twig' only %}
 
         <div class="resume">
             <p>

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

@@ -1,28 +1,26 @@
 {% extends 'WebProfilerBundle:Profiler:base.html.twig' %}
 
 {% block body %}
-    <div class="header">
-        <h1>
-            <img alt="" src="{{ asset('bundles/webprofiler/images/profiler.png') }}" />
-            Symfony Profiler
-        </h1>
-        <div>
-            Token "{{ token }}" does not exist.
+    <div id="content">
+        {% include 'WebProfilerBundle:Profiler:header.html.twig' only %}
+       
+        <div class="resume">
+            <p>
+                <strong>Token "{{ token }}" does not exist.</strong>
+            </p>
         </div>
-    </div>
-
-    <table>
-        <tr>
-            <td class="menu">
-                {% render 'WebProfilerBundle:Profiler:searchBar' with { 'token': token } %}
 
-                {% include 'WebProfilerBundle:Profiler:admin.html.twig' with { 'token': token } only %}
-            </td>
-            <td class="main">
-                <div class="content">
-                    <h2>Token "{{ token }}" does not exist.</h2>
+        <div class="main">
+            <div class="clear_fix">
+                <div class="navigation">
+                    {% render 'WebProfilerBundle:Profiler:searchBar' with { 'token': token } %}
+                    {% include 'WebProfilerBundle:Profiler:admin.html.twig' with { 'token': token } only %}
+                </div>
+                <div class="collector_content">
+                    {% block panel '' %}
                 </div>
-            </td>
-        </tr>
-    </table>
+            </div>
+        </div>
+    </div>
+
 {% endblock %}