commit 6d80accf361ab99741c1a96579b7df231f39241b
author Michael Davis <michael.s.davis@ibm.com> Mon Jul 31 18:02:09 2017 -0500
committer Iftekharul Islam <iffy.ryan@ibm.com> Wed Sep 27 11:47:35 2017 -0500
tree ace60002526d7e8f54da7b8279d9fc408a3bb056
parent a72fa947e07bd460fd3c948480bb49631d56fdfe

adding new on, off and standby svg icons. Color change to IBM logo.

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

app/common/directives/log-search-control.html

diff --git a/app/common/directives/log-search-control.html b/app/common/directives/log-search-control.html
index 09a393b..0e4136e 100644
--- a/app/common/directives/log-search-control.html
+++ b/app/common/directives/log-search-control.html
@@ -2,5 +2,8 @@
 <div class="content__search">
     <label for="content__search-input">Event Log Search</label>
     <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
-    <input id="content__search-submit" type="submit" class="btn btn-primary" value="Filter" ng-click="doSearchOnClick()"/>
+    <div class="search-submit__wrapper">
+		<button class="clear-input" ng-click="customSearch = ''">&#10005;</button>
+        <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/>
+    </div>
 </div>
\ No newline at end of file

app/common/styles/base/icons.scss

diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index 7b7e981..2c803d2 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -78,6 +78,11 @@
   background-image: url(/assets/images/icon-on.svg);
 }
 
+.icon__off {
+  @include status-icon;
+  background-image: url(/assets/images/icon-off.svg);
+}
+
 .icon__info{
   margin-top: -4px;
   margin-right: .5em;

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;
     }