style table with css

diff --git a/templates/user.html.ep b/templates/user.html.ep
index 81ebbaf..c75b914 100644 (file)
--- a/templates/user.html.ep
+++ b/templates/user.html.ep
@@ -81,6 +81,24 @@
 #columns:hover ul {
        display: block;
 }
+
+table {
+       border-collapse:collapse;
+}
+
+th {
+       border-bottom: 2px solid gray;
+}
+
+th, td {
+       border-left: 1em solid white;
+       border-right: 1em solid white;
+}
+
+.zebra {
+       background: #eee;
+}
+
 </style>
 
   <div ng:controller="CRM">
@@ -107,7 +125,7 @@
     <tr>
        <th ng:repeat="c in columns" ng:click="columns.$remove(c)">{{c}}</th>
     </tr>
-    <tr ng:repeat="u in response" ng:click="select(u)">
+    <tr ng:repeat="u in response" ng:click="select(u)" ng:class-even="'zebra'">
        <td ng:repeat="c in columns" ng:show="! selected_username || selected_username == u.USERNAME">{{u[c]}}</td>
     </tr>
     </table>