Added styling for vital addon stats in listview items (bug 640227)

apps/addons/templates/addons/listing/items_mobile.html

@@ -7,16 +7,18 @@
         <span class="desc">{{ addon.summary|strip_html()|truncate(250) }}</span>
         <div>
           {% if sort in ('newest', 'created') %}
-            <span class="newest">{{ _('Added {0}')|f(addon.created|datetime) }}</span>
+            <span class="vital">{{ _('Added {0}')|f(addon.created|datetime) }}</span>
           {% elif sort == 'updated' %}
-            {{ _('Updated {0}')|f(addon.last_updated|datetime) }}
+            <span class="vital">{{ _('Updated {0}')|f(addon.last_updated|datetime) }}<span>
           {% elif sort in ('weeklydownloads', 'popular') %}
-            {% with num=addon.weekly_downloads %}
-              {# L10n: {0} is the number of downloads. #}
-              {{ ngettext("<strong>{0}</strong> weekly download",
-                          "<strong>{0}</strong> weekly downloads",
-                          num)|f(num|numberfmt)|safe }}
-            {% endwith %}
+            <span class="vital">
+              {% with num=addon.weekly_downloads %}
+                {# L10n: {0} is the number of downloads. #}
+                {{ ngettext("<strong>{0}</strong> weekly download",
+                            "<strong>{0}</strong> weekly downloads",
+                            num)|f(num|numberfmt)|safe }}
+              {% endwith %}
+            </span>
           {% else %}
             {% with num=addon.total_reviews %}
               {% if num %}

media/css/zamboni/mobile.css

@@ -569,6 +569,11 @@ a.listview:before {
     margin-right: 12px;
 }
 
+.item .vital {
+    color: green;
+    font-size: .9em;
+}
+
 /************************************/
 /*              SEARCH              */
 /************************************/