More vertical aligning fixes

javiereguiluz · javiereguiluz · commit f087ac0bcd5a · 2015-07-30T09:29:44.000+02:00
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/twig.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/twig.html.twig
@@ -3,11 +3,9 @@
 {% block toolbar %}
     {% set time = collector.templatecount ? '%0.0f'|format(collector.time) : 'n/a' %}
     {% set icon %}
-        <span>
-            {{ include('@WebProfiler/Icon/twig.html.twig') }}
-            <span class="sf-toolbar-value">{{ time }}</span>
-            <span class="sf-toolbar-label">ms</span>
-        </span>
+        {{ include('@WebProfiler/Icon/twig.html.twig') }}
+        <span class="sf-toolbar-value">{{ time }}</span>
+        <span class="sf-toolbar-label">ms</span>
     {% endset %}
 
     {% set text %}
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
@@ -393,11 +393,22 @@
     .sf-toolbar-icon .sf-toolbar-value {
         display: inline;
     }
+    .sf-toolbar-block .sf-toolbar-value {
+        /* needed for perfect vertical aligning */
+        line-height: 37px;
+    }
 
     .sf-toolbar-block .sf-toolbar-icon img,
     .sf-toolbar-block .sf-toolbar-icon svg {
         top: 6px;
     }
+    /* TODO: needed for perfect vertical aligning, remove when icons are recreated */
+    .sf-toolbar-block-twig .sf-toolbar-icon img {
+        top: 7px;
+    }
+    .sf-toolbar-block-security .sf-toolbar-icon svg {
+        top: 7px;
+    }
     .sf-toolbar-block-config .sf-toolbar-icon svg {
         top: 8px;
     }
