From 98b3002caff4d74cc9c8488bfae777113c6f40fc Mon Sep 17 00:00:00 2001
From: Maxime Steinhausser <maxime.steinhausser@gmail.com>
Date: Mon, 22 May 2017 19:32:12 +0200
Subject: [PATCH] [Profiler][VarDumper] Fix searchbar css when in toolbar

---
 .../Resources/views/Profiler/toolbar.css.twig |  3 +++
 .../Component/VarDumper/Dumper/HtmlDumper.php | 20 +++++++++----------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
index 4092f7547a..3a8f6e0fba 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
@@ -382,6 +382,9 @@
 .sf-toolbar-block-dump pre.sf-dump:last-child {
     margin-bottom: 0;
 }
+.sf-toolbar-block-dump pre.sf-dump .sf-dump-search-wrapper {
+    margin-bottom: 5px;
+}
 .sf-toolbar-block-dump pre.sf-dump span.sf-dump-search-count {
     color: #333;
     font-size: 12px;
diff --git a/src/Symfony/Component/VarDumper/Dumper/HtmlDumper.php b/src/Symfony/Component/VarDumper/Dumper/HtmlDumper.php
index 8b82c51d11..cf94b1af93 100644
--- a/src/Symfony/Component/VarDumper/Dumper/HtmlDumper.php
+++ b/src/Symfony/Component/VarDumper/Dumper/HtmlDumper.php
@@ -655,17 +655,17 @@ pre.sf-dump code {
     border: 1px solid #ffa500;
     border-radius: 3px;
 }
-.sf-dump-search-hidden {
+pre.sf-dump .sf-dump-search-hidden {
     display: none;
 }
-.sf-dump-search-wrapper {
+pre.sf-dump .sf-dump-search-wrapper {
     float: right;
     font-size: 0;
     white-space: nowrap;
     max-width: 100%;
     text-align: right;
 }
-.sf-dump-search-wrapper > * {
+pre.sf-dump .sf-dump-search-wrapper > * {
     vertical-align: top;
     box-sizing: border-box;
     height: 21px;
@@ -675,7 +675,7 @@ pre.sf-dump code {
     color: #757575;
     border: 1px solid #BBB;
 }
-.sf-dump-search-wrapper > input.sf-dump-search-input {
+pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input {
     padding: 3px;
     height: 21px;
     font-size: 12px;
@@ -685,25 +685,25 @@ pre.sf-dump code {
     border-bottom-left-radius: 3px;
     color: #000;
 }
-.sf-dump-search-wrapper > .sf-dump-search-input-next,
-.sf-dump-search-wrapper > .sf-dump-search-input-previous {
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next,
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous {
     background: #F2F2F2;
     outline: none;
     border-left: none;
     font-size: 0;
     line-height: 0;
 }
-.sf-dump-search-wrapper > .sf-dump-search-input-next {
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next {
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
 }
-.sf-dump-search-wrapper > .sf-dump-search-input-next > svg,
-.sf-dump-search-wrapper > .sf-dump-search-input-previous > svg {
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next > svg,
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous > svg {
     pointer-events: none;
     width: 12px;
     height: 12px;
 }
-.sf-dump-search-wrapper > .sf-dump-search-count {
+pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-count {
     display: inline-block;
     padding: 0 5px;
     margin: 0;