Various minor changes
- Add style class for critical icon
- Minor tweaks to content styles
- Reorder event log content for responsiveness
Change-Id: Ibbe769a9c23d288db6b8e9db1a41b25d7b060999
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index e499095..9772ba4 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -44,7 +44,7 @@
}
}
-.icon__warning{
+.icon__warning {
width: 30px;
height: 30px;
background-image: url(/assets/images/icon-warning.svg);
@@ -52,7 +52,23 @@
vertical-align: middle;
}
-.icon__info{
+.icon__critical {
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ position: relative;
+ border-width: 2px;
+ border-style: solid;
+ color: $critical-lightbg;
+ background-color: rgba($critical-bg, 1);
+ background-image: url(/assets/images/crit-x.svg);
+ background-size: 120%;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ border-color: $critical-lightbg;
+}
+
+.icon__info {
margin-top: -4px;
margin-right: .5em;
width: 25px;
@@ -75,6 +91,7 @@
text-align: -9999px;
}
}
+
.icon__down-arrow {
margin-right: 1em;
&:before {