add filter row to DM/SDM index tables

4 files changed, 18 insertions, 0 deletions

diff --git a/web/cobrands/zurich/_colours.scss b/web/cobrands/zurich/_colours.scss
index b07bbdf06..843369b01 100644
--- a/web/cobrands/zurich/_colours.scss
+++ b/web/cobrands/zurich/_colours.scss
@@ -19,3 +19,5 @@ $table_border_color:   #ccc;
 $table_heading_bg_col: #595959;
 $table_heading_col:    #fff;
 $table_heading_underline_col: #393939;
+$button_col:    #fff;
+$button_bg_col: #a1a1a1;  // also search bar (tables)
\ No newline at end of file
diff --git a/web/cobrands/zurich/_zurich.scss b/web/cobrands/zurich/_zurich.scss
index 361f57c5b..2d7309d5b 100644
--- a/web/cobrands/zurich/_zurich.scss
+++ b/web/cobrands/zurich/_zurich.scss
@@ -49,4 +49,20 @@ table.admin {
     text-align: center;
     font-weight: bold;
   }
+  tr.filter-row td {
+    padding: 4px 4px 4px 40px;
+    background-color: $button_bg_col;
+    background-image: url('search-icon-white.png');
+    background-position: 14px center;
+    background-repeat: no-repeat;
+    border-bottom: 2px solid $table_border_color;
+  }
+  tr.filter-row td input[type=text] {
+    background-color: #e1e1e1;
+    width: 16em;
+    @include border-radius(4px);
+    border: none;
+    padding: 3px 0.5em;
+  }
+  
 }
\ No newline at end of file
diff --git a/web/cobrands/zurich/search-icon-white.png b/web/cobrands/zurich/search-icon-white.png
new file mode 100644
index 000000000..59f3f1f82
--- /dev/null
+++ b/web/cobrands/zurich/search-icon-white.png
diff --git a/web/cobrands/zurich/search-icon.png b/web/cobrands/zurich/search-icon.png
new file mode 100644
index 000000000..b74f9397f
--- /dev/null
+++ b/web/cobrands/zurich/search-icon.png