commit 51946552fc8c6ac9b677ccf07949e837e9caaf52
author Michael Davis <michael.s.davis@ibm.com> Mon May 01 10:30:38 2017 -0500
committer Patrick Williams <patrick@stwcx.xyz> Wed Sep 20 12:43:05 2017 -0500
tree 968aa741ed910e1b26e35c595b45352a0ab5e0a2
parent a960c8c72e56a22d083654692c18f1b229cc10a7

Misc CSS fixes

  * set max content width to 960px
  * created mixin for bold font
  * move app-header content to global header
  * minor global changes
  * changed input alignment for network config inputs
  * added pop-out button class
  * changed lightgrey color
  * fixed accordion header actions responsiveness
  * fixed input box border colors

Change-Id: Iffe26d526439d7f2bb6808528a975ab7374ff1b2
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 713b879..dfa73b4 100644
--- a/app/server-health/controllers/log-controller.html
+++ b/app/server-health/controllers/log-controller.html
@@ -28,7 +28,7 @@
         <log-filter></log-filter>
     </section> <!-- end filter -->
     <section id="event-log__events" class="row column">
-        <div id="event__actions-bar" class="row header__actions-bar">
+        <div id="event__actions-bar" class="row header__actions-bar ">
             <div class="column small-1 large-1 event-log__col-check">
                 <label class="control-check">
                     <input type="checkbox" name="events__check-all" ng-model="all" ng-checked="(logs|filter:{selected: true}).length == logs.length"/>

app/server-health/styles/inventory.scss

diff --git a/app/server-health/styles/inventory.scss b/app/server-health/styles/inventory.scss
index 78fa1ad..307245f 100644
--- a/app/server-health/styles/inventory.scss
+++ b/app/server-health/styles/inventory.scss
@@ -59,7 +59,7 @@
     margin: .5em 0;
     font-weight: 700;
     background: $white;
-    padding: 1.8em 1em 1em 3.7em;
+    padding: 1em 1em 0 3.7em;
     text-decoration: none;
     border: 1px solid $lightgrey;
     vertical-align: middle;
@@ -293,15 +293,12 @@
     -webkit-transition: 0.5s linear max-height;
     transition: 0.5s linear max-height;
     padding: 0;
+    .content-label {
+      margin-top: 1em;
+    }
     &.active {
       max-height: 1000px; //max-height used to allow flexible height of content and still allow transition
       @include fastTransition-all;
-      //@include mediaQuery(small) {
-      //  max-height: 1000px;
-      //}
-      //@include mediaQuery(medium) {
-      //  max-height: 1000px;
-      //}
     }
   }
   .inv-event-log-row {

app/server-health/styles/log.scss

diff --git a/app/server-health/styles/log.scss b/app/server-health/styles/log.scss
index 1af81ad..708aa25 100644
--- a/app/server-health/styles/log.scss
+++ b/app/server-health/styles/log.scss
@@ -47,7 +47,7 @@
 
 #event-filter {
   .filter-label {
-    color: darken($lightgrey, 10%);
+    color: darken($medgrey, 10%);
     text-transform: uppercase;
     font-weight: 700;
     font-size: .75em;
@@ -305,10 +305,7 @@
   }
   .event__actions {
     margin-left: -1em;
-    //margin-bottom: 1em;
-    @include mediaQuery(medium) {
-      float: right;
-    }
+    float: right;
   }
   .event__icon {
     width: 20px;