commit 8b5279905a2c2a52ed238ae2b2979ca8dc1a0011
author Michael Davis <michael.s.davis@ibm.com> Mon Jul 31 18:02:09 2017 -0500
committer Adriana Kobylak <anoo@us.ibm.com> Mon Oct 09 13:41:31 2017 -0500
tree 3549399089cb6f0ead1d205675e5210d11266e8a
parent cdc3deb764a275631c2a26236dec72a6f68e1382

changes to global search filter:

- Added clear button to clear input
- changed submit to resize based on content

Change-Id: Ida69f961effc261dc44319ba8710d9b4349ba847
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

app/common/styles/elements/content-search.scss

diff --git a/app/common/styles/elements/content-search.scss b/app/common/styles/elements/content-search.scss
index e93bff0..d4b9e14 100644
--- a/app/common/styles/elements/content-search.scss
+++ b/app/common/styles/elements/content-search.scss
@@ -30,12 +30,22 @@
     opacity: .6;
   }
 
-  #content__search-submit {
-    position: absolute;
+  .clear-input {
     display: inline-block;
-    width: 100px;
-    top: .5em;
+    height: 30px;
+    width: 20px;
+    color: $darkgrey;
+    padding: 0;
+    margin-right: .5em;
+  }
+  .search-submit__wrapper {
+    position: absolute;
+    width: auto;
+    top: .4em;
     right: 5px;
+  }
+  .content__search-submit {
+    display: inline-block;
     padding: 1em 2em .9em;
     min-height: 20px;
     text-align: center;
@@ -43,6 +53,7 @@
     font-weight: 700;
     font-size: .8em;
     border: 0;
+    width: auto;
     &:hover {
       cursor: pointer;
     }