From 21ee76c0adcde39b7d7a008dbad22771640ca473 Mon Sep 17 00:00:00 2001
From: Javier Eguiluz <javier.eguiluz@gmail.com>
Date: Mon, 5 Mar 2018 16:26:36 +0100
Subject: [PATCH] Made the translation profiler panel more compact

---
 .../views/Collector/translation.html.twig     | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig
index cd85ce3bad..640a24aa07 100644
--- a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig
+++ b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/translation.html.twig
@@ -68,20 +68,7 @@
 
 {% block panelContent %}
 
-    <h2>Translation Locales</h2>
-
-    <div class="metrics">
-        <div class="metric">
-            <span class="value">{{ collector.locale|default('-') }}</span>
-            <span class="label">Locale</span>
-        </div>
-        <div class="metric">
-            <span class="value">{{ collector.fallbackLocales|join(', ')|default('-') }}</span>
-            <span class="label">Fallback locales</span>
-        </div>
-    </div>
-
-    <h2>Translation Metrics</h2>
+    <h2>Translation</h2>
 
     <div class="metrics">
         <div class="metric">
@@ -98,9 +85,20 @@
             <span class="value">{{ collector.countMissings }}</span>
             <span class="label">Missing messages</span>
         </div>
+
+        <div class="metric-divider"></div>
+
+        <div class="metric">
+            <span class="value">{{ collector.locale|default('-') }}</span>
+            <span class="label">Locale</span>
+        </div>
+        <div class="metric">
+            <span class="value">{{ collector.fallbackLocales|join(', ')|default('-') }}</span>
+            <span class="label">Fallback locale{{ collector.fallbackLocales|length != 1 ? 's' }}</span>
+        </div>
     </div>
 
-    <h2>Translation Messages</h2>
+    <h2>Messages</h2>
 
     {% block messages %}