commit 6dc5f1817b37b913e1aee2d65f419cd2031f185a
author Michael Davis <michael.s.davis@ibm.com> Mon Jun 26 13:07:27 2017 -0500
committer Patrick Williams <patrick@stwcx.xyz> Wed Sep 20 13:14:23 2017 -0500
tree 849c4864733412b3689ae14a286cdce8248b4b33
parent 4ac71d42efd6149e97d373c0611ada5a0a4e8b60

Enhance hardware inventory layout

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

app/common/styles/elements/accordion.scss

diff --git a/app/common/styles/elements/accordion.scss b/app/common/styles/elements/accordion.scss
index 767f7f2..fcf0286 100644
--- a/app/common/styles/elements/accordion.scss
+++ b/app/common/styles/elements/accordion.scss
@@ -3,6 +3,7 @@
 
 .header__actions-bar {
   padding-top: 1em;
+  padding-bottom: 1em;
   padding-right: 1em;
   background: $darkpurple;
   color: $white;
@@ -14,6 +15,7 @@
       margin-right: -20px;
     }
   }
+  p {margin-bottom: 0;}
 }
 
 .accord-trigger {
@@ -29,7 +31,6 @@
   }
   &.active {
     transform: rotate(-90deg);
-    color: $darkbg__accent;
   }
   &:focus {
     outline: 0;
@@ -37,23 +38,15 @@
   }
 }
 
-// Single event log card
 .accord-row {
-  position: relative;
-  border: 1px solid $medgrey;
-  padding: 1em 1em 1em 0em;
-  margin: .65em 0;
-  background: $white;
   overflow: hidden;
-  &.active,
-  &.selected {
-    background: $lightblue;
+  .accord-content.inactive {
+    max-height: 0;
+    height: 0;
   }
-  &:hover {
-    background: $lightblue;
-    cursor: pointer;
-  }
-  &:last-child {
-    border-bottom: 1px solid $medgrey;
+  .accord-content.active {
+    height: auto;
+    max-height: 1000px;
+    @include fastTransition-all;
   }
 }
\ No newline at end of file

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 3fa94f1..a8ae381 100644
--- a/app/common/styles/elements/content-search.scss
+++ b/app/common/styles/elements/content-search.scss
@@ -3,7 +3,6 @@
 
 .content__search {
   width: 100%;
-  max-width: 99%;
   display: inline-block;
   float: left;
   position: relative;
@@ -38,7 +37,7 @@
     width: 100px;
     top: .5em;
     right: 5px;
-    padding: 1em 2em;
+    padding: 1em 2em .9em;
     min-height: 20px;
     text-align: center;
     margin: 0;

app/common/styles/elements/tags.scss

diff --git a/app/common/styles/elements/tags.scss b/app/common/styles/elements/tags.scss
index 8a480c9..d2fff03 100644
--- a/app/common/styles/elements/tags.scss
+++ b/app/common/styles/elements/tags.scss
@@ -118,8 +118,8 @@
     }
   }
   &.medium-priority {
-    background: rgba($medium-lightbg, .5);
-    border-color: rgba($medium-lightbg, 1);
+    background: rgba($severity-medium-lightbg, .5);
+    border-color: rgba($severity-medium-lightbg, 1);
   }
   &.warn-priority {
     border-color: $warning-lightbg;