From 26b84b3a73641f200411ec10bff615f79d1c26a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?An=C3=ADbal=20Lim=C3=B3n?= <anibal.limon@linux.intel.com>
Date: Mon, 26 Jan 2015 18:04:29 -0600
Subject: [PATCH] rrs: Recipes page improve table display
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Improve CSS in order to handle column width better also
use styles to display upstream status column.

Signed-off-by: Aníbal Limón <anibal.limon@linux.intel.com>
---
 rrs/static/css/rrs-additional.css |  8 +++++++-
 templates/rrs/recipes.html        | 24 ++++++++++++++++--------
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/rrs/static/css/rrs-additional.css b/rrs/static/css/rrs-additional.css
index 728024f..faa112e 100644
--- a/rrs/static/css/rrs-additional.css
+++ b/rrs/static/css/rrs-additional.css
@@ -1,10 +1,16 @@
+.recipe_column {
+    max-width: 150px;
+    word-wrap: break-word;
+}
+
 .version_column {
     max-width: 150px;
     word-wrap: break-word;
 }
 
 .upstream_version_column {
-    min-width: 130px;
+    max-width: 150px;
+    word-wrap: break-word;
 }
 
 .upstream_status_column {
diff --git a/templates/rrs/recipes.html b/templates/rrs/recipes.html
index a236ba1..c935249 100644
--- a/templates/rrs/recipes.html
+++ b/templates/rrs/recipes.html
@@ -79,21 +79,29 @@
     <tr>
         <th class="recipe_column">Recipe</th>
         <th class="version_column muted">Version</th>
-        <th class="upstream_status_column"><b class="caret"></b>Upstream status</th>
+        <th class="upstream_status_column"><b>Upstream status</b></th>
         <th class="upstream_version_column muted">Upstream version</th>
-        <th class="maintainer_column"><b class="caret"></b>Maintainer</th>
+        <th class="maintainer_column"><b>Maintainer</b></th>
         <th class="summary_column muted span5">Summary</th>
     </tr>
     </thead>
 <tbody>
 {% for r in recipe_list %}
 <tr>
-    <td><a href="{% url "recipedetail" r.pk %}">{{ r.name }}</a></td>
-    <td>{{ r.version }}</td>
-    <td>{{ r.upstream_status }}</td>
-    <td>{{ r.upstream_version }}</td>
-    <td>{{ r.maintainer_name }}</td>
-    <td>{{ r.summary }}</td>
+    <td class="recipe_column"><a href="{% url "recipedetail" r.pk %}">{{ r.name }}</a></td>
+    <td class="version_column">{{ r.version }}</td>
+    {% if r.upstream_status == "Up-to-date" %}
+    <td class="text-success">
+    {% elif r.upstream_status == "Not updated" %}
+    <td class="text-error">
+    {% else %}
+    <td class="text-warning">
+    {% endif %}
+        {{ r.upstream_status }}
+    </td>
+    <td class="upstream_version_column">{{ r.upstream_version }}</td>
+    <td class="maintainer_column">{{ r.maintainer_name }}</td>
+    <td class="summary_column">{{ r.summary }}</td>
 </tr>
 {% endfor %}
 </tbody>