commit 473397ca522dfcf4b3a94bf4156a9406db05bd98
author Michael Davis <michael.s.davis@ibm.com> Thu Jul 27 15:09:53 2017 -0500
committer Adriana Kobylak <anoo@us.ibm.com> Mon Oct 09 13:23:19 2017 -0500
tree e7216820c4f0a86283b53922c9629eaea0ee77dc
parent 1d5de5dbe48f568272207f471d2968215e7ce910

fixed header action items, filter and severity dropdown widths to better match designs.

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

app/server-health/controllers/log-controller.html

diff --git a/app/server-health/controllers/log-controller.html b/app/server-health/controllers/log-controller.html
index 147295e..bb2fed6 100644
--- a/app/server-health/controllers/log-controller.html
+++ b/app/server-health/controllers/log-controller.html
@@ -36,7 +36,7 @@
                     <span class="control__indicator"></span>
                 </label>
             </div>
-            <div class="column small-11 large-11 end col-logged-events">
+            <div class="column small-11 end col-logged-events">
                 <!-- top bar confirmation - ADD ACTIVE CLASS TO DISPLAY-->
                 <div class="inline__confirm event__confirm" ng-class="{active: confirm}">
                     <div class="inline__confirm-message">

app/server-health/styles/log.scss

diff --git a/app/server-health/styles/log.scss b/app/server-health/styles/log.scss
index da7eba1..30d877c 100644
--- a/app/server-health/styles/log.scss
+++ b/app/server-health/styles/log.scss
@@ -21,7 +21,6 @@
   .content__search {
     float: none;
     @include mediaQuery(x-large) {
-      max-width: 61%;
       @include fastTransition-all;
     }
   }
@@ -49,8 +48,10 @@
       &.last {
         border-radius: 3px;
       }
-      &.last {
-        border-left: 0;
+      @media (min-width: 583px) {
+        &.last {
+          border-left: 0;
+        }
       }
     }
     .btn-primary {
@@ -69,10 +70,15 @@
       text-indent: -9999px;
     }
   }
-  .event__status-filter .dropdown__wrapper,
-  .event__status-filter .dropdown__button {
-    width: 100%;
-    text-align: left;
+  .event__status-filter {
+    @include mediaQuery(medium) {
+      width: 25%;
+    }
+    .dropdown__wrapper,
+    .dropdown__button {
+      width: 100%;
+      text-align: left;
+    }
   }
 }
 
@@ -115,7 +121,7 @@
       text-align: left;
       max-width: 30px;
       .control-check {
-        margin-left: -5px;
+        margin-left: -6px;
       }
     }
   }
@@ -340,7 +346,11 @@
   }
   .event__actions {
     margin-left: -1em;
-    float: right;
+    margin-top: .5em;
+    @include mediaQuery(medium) {
+      float: right;
+      margin-top: -5px;
+    }
   }
   .event__icon {
     width: 20px;