From b5f2a3bbc509f509353f58b4d769d1e0ec170d23 Mon Sep 17 00:00:00 2001
From: Rufus Pollock <rufus.pollock@okfn.org>
Date: Wed, 29 Feb 2012 13:55:11 +0000
Subject: [PATCH] [view/grid,css][xs]: add zebra striped for grid and fix width
 of search box.

---
 css/data-explorer.css | 1 +
 recline.js            | 8 ++++----
 src/view-grid.js      | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/css/data-explorer.css b/css/data-explorer.css
index eaca2824..72eff400 100644
--- a/css/data-explorer.css
+++ b/css/data-explorer.css
@@ -40,6 +40,7 @@
   float: left;  
   margin-top: 1px;
   margin-right: 5px;
+  width: 200px;
 }
 
 .header .recline-query-editor .pagination input {
diff --git a/recline.js b/recline.js
index 6fb9311e..4b29f5d6 100644
--- a/recline.js
+++ b/recline.js
@@ -812,7 +812,7 @@ my.DataGrid = Backbone.View.extend({
   template: ' \
     <div class="data-table-menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div> \
     <ul class="data-table-menu"></ul> \
-    <table class="data-table" cellspacing="0"> \
+    <table class="data-table table-striped" cellspacing="0"> \
       <thead> \
         <tr> \
           {{#notEmpty}} \
@@ -1173,9 +1173,9 @@ my.QueryEditor = Backbone.View.extend({
       <input type="text" name="q" value="{{q}}" class="text-query" /> \
       <div class="pagination"> \
         <ul> \
-          <li class="prev action-pagination-update"><a>&laquo; back</a></li> \
+          <li class="prev action-pagination-update"><a>&laquo;</a></li> \
           <li class="active"><a><input name="from" type="text" value="{{from}}" /> &ndash; <input name="to" type="text" value="{{to}}" /> </a></li> \
-          <li class="next action-pagination-update"><a>next &raquo;</a></li> \
+          <li class="next action-pagination-update"><a>&raquo;</a></li> \
         </ul> \
       </div> \
       <button type="submit" class="btn" style="">Update &raquo;</button> \
@@ -1294,7 +1294,7 @@ my.notify = function(message, options) {
     <div class="alert alert-{{category}} fade in" data-alert="alert"><a class="close" data-dismiss="alert" href="#">×</a> \
       {{msg}} \
         {{#loader}} \
-        <img src="images/small-spinner.gif" class="notification-loader"> \
+        <span class="notification-loader">&nbsp;</span> \
         {{/loader}} \
     </div>';
   var _templated = $.mustache(_template, tmplData); 
diff --git a/src/view-grid.js b/src/view-grid.js
index c079226b..9a0d5345 100644
--- a/src/view-grid.js
+++ b/src/view-grid.js
@@ -160,7 +160,7 @@ my.DataGrid = Backbone.View.extend({
   template: ' \
     <div class="data-table-menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div> \
     <ul class="data-table-menu"></ul> \
-    <table class="data-table" cellspacing="0"> \
+    <table class="data-table table-striped" cellspacing="0"> \
       <thead> \
         <tr> \
           {{#notEmpty}} \