From 7ce07f2c7f224c811724bedde34f3b70177c5597 Mon Sep 17 00:00:00 2001
From: eeng5 <mohammad_amoush@brown.edu>
Date: Tue, 30 Jul 2019 15:39:47 -0400
Subject: colour

---
 src/client/views/search/FilterBox.scss | 11 +++++++++++
 src/client/views/search/FilterBox.tsx  |  4 ++--
 2 files changed, 13 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/client/views/search/FilterBox.scss b/src/client/views/search/FilterBox.scss
index 81a2c68e7..d9eddd383 100644
--- a/src/client/views/search/FilterBox.scss
+++ b/src/client/views/search/FilterBox.scss
@@ -109,4 +109,15 @@
         border-top-style: solid;
         padding-top: 10px;
     }
+
+    .any-filter,
+    .save-filter,
+    .reset-filter {
+        background-color: rgb(194, 194, 197);
+    }
+
+    .all-filter {
+        background-color: rgb(194, 194, 197);
+        margin-left: 15px;
+    }
 }
\ No newline at end of file
diff --git a/src/client/views/search/FilterBox.tsx b/src/client/views/search/FilterBox.tsx
index 91d305e24..fe53553d0 100644
--- a/src/client/views/search/FilterBox.tsx
+++ b/src/client/views/search/FilterBox.tsx
@@ -363,8 +363,8 @@ export class FilterBox extends React.Component {
                                     {/* <div style={{ marginLeft: "auto" }}><NaviconButton onClick={this.toggleWordStatusOpen} /></div> */}
                                 </div>
                                 <div className="filter-panel" >
-                                    <button className="save-filter" onClick={this.getBasicWordStatus}>Include Any Keywords</button>
-                                    <button className="reset-filter" onClick={this.handleWordQueryChange}>Include All Keywords</button>
+                                    <button className="any-filter" onClick={this.getBasicWordStatus}>Include Any Keywords</button>
+                                    <button className="all-filter" onClick={this.handleWordQueryChange}>Include All Keywords</button>
                                     {/* <ToggleBar handleChange={this.handleWordQueryChange} getStatus={this.getBasicWordStatus}
                                         originalStatus={this._basicWordStatus} optionOne={"Include Any Keywords"} optionTwo={"Include All Keywords"} /> */}
                                 </div>
-- 
cgit v1.2.3-70-g09d2