[damned-lies] Finally update the template and CSS to show the word statistics on the PO file details

[Gil Forcada Codinachs <gforcada src gnome org>]

commit 9a1e3519ffcc0d680e2e2c94e6295af33d3c1dff
Author: Gil Forcada <gforcada gnome org>
Date:   Sat Oct 15 23:30:54 2011 +0200

    Finally update the template and CSS to show the word statistics on the PO file details

 media/css/main.css                      |    4 ----
 templates/vertimus/vertimus_detail.html |   23 +++++++++++++++++------
 2 files changed, 17 insertions(+), 10 deletions(-)
---
diff --git a/media/css/main.css b/media/css/main.css
index ae6edb4..c859098 100644
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -173,7 +173,6 @@ div.untranslated {
 
 div.docimages {
   display: inline;
-  margin-left:110px;
 }
 
 a {
@@ -295,9 +294,6 @@ p#show, p#hide {
   color: #999;
 }
 
-.help_link {
-  padding-left: 2em;
-}
 .help_link a {
   border-bottom: 0 !important;
 }
diff --git a/templates/vertimus/vertimus_detail.html b/templates/vertimus/vertimus_detail.html
index 7c635e6..69aeea9 100644
--- a/templates/vertimus/vertimus_detail.html
+++ b/templates/vertimus/vertimus_detail.html
@@ -64,23 +64,34 @@ $(document).ready(function() {
   </em></div>
   <div style="display: inline-block">
     <a href="{{ po_url }}"><img src="{{ MEDIA_URL }}img/download.png" alt="{% trans "Download PO file" %}" /></a>
-    {% trans "Translated:" %} {{ stats|num_stats:"full" }}&nbsp;
+    {% trans "PO file statistics:" %} <br />
+    {% trans "Strings:" %} {{ stats|num_stats:"full" }}&nbsp;
     <div class="graph graphinline">
       {{ stats|vis_stats:"full" }}
     </div>
+    {% trans "Words:" %} {{ stats|num_word_stats:"full" }}&nbsp;
+    <div class="graph graphinline">
+      {{ stats|vis_word_stats:"full" }}
+    </div>
   </div>
   {% if po_url_reduced %}
-  <div style="display: inline-block; margin-left: 2em;">
+  <div style="display: inline-block;">
     <a href="{{ po_url_reduced }}"><img src="{{ MEDIA_URL }}img/download.png" alt="{% trans "Download PO file" %}" /></a>
-    {% trans "Translated (reduced):" %} {{ stats|num_stats:"part" }}&nbsp;
-    <div class="graph graphinline">
-      {{ stats|vis_stats:"part" }}
-    </div>
+    {% trans "PO file statistics (reduced):" %}
     <div style="display: inline-block;">
       <span class="help_link"><a href="{% url help 'reduced_po' %}">
         <img src="{{ MEDIA_URL }}img/help.png" alt="help icon" width="26">
       </a></span>
     </div>
+    <br />
+    {% trans "Strings:" %} {{ stats|num_stats:"part" }}&nbsp;
+    <div class="graph graphinline">
+      {{ stats|vis_stats:"part" }}
+    </div>
+    {% trans "Words:" %} {{ stats|num_word_stats:"part" }}&nbsp;
+    <div class="graph graphinline">
+      {{ stats|vis_word_stats:"part" }}
+    </div>
   </div>
   {% endif %}
   {% if fig_stats and stats.language %}