chromium-status: tighten up the Who/When columns

templates/main.html

 {% extends "base.html" %}
 
 {% block content %}
   <script type="text/javascript">
     window.onload=function() {
       document.add_new_message.message.focus();
     }
   </script>
   <center>
   {% if write_access %}
     {% if error_message %}
       <div class="error">
       {{ error_message }}
       </div>
     {% endif %}
     <form action="/" name="add_new_message" method="post">
       <input type="text" size="80" name="message" value="{{ message }}">
       <input type="hidden" name="last_status_key" value="{{ last_status_key }}">
       <input type="submit" name="change" value="Change">
       <input type="button" name="refresh" value="Refresh" onclick="location.href='/';">
       <input type="button" name="history" value="History" onclick="location.href='/status_viewer';">
     </form>
   {% endif %}
   <br><br>
   <h2>Last 25 {{ title }}</h2>
   <table border="1" cellpadding="5">
   <tr bgcolor="#CCCCFF">
     <td><b>Who</b></td>
-    <td><b>When</b></td>
+    <td><b>When (UTC)</b></td>
     <td><b>Message</b></td>
   </tr>
   {% for a_status in status %}
     <tr class="{{ a_status.general_state }}">
-      <td>{{ a_status.username }}</td>
-      <td>{{ a_status.date|date:"D M d, H:i T " }}</td>
-      <td>{{ a_status.message }}</td>
+      <td class="username">{{ a_status.username }}</td>
+      <td class="date">{{ a_status.date|date:"D, d M H:i" }}</td>
+      <td class="message">{{ a_status.message }}</td>
     </tr>
   {% endfor %}
 
   </table>
   </center>
 {% endblock %}