Colors darkened for better visual contrast to pass accessibility tests.
Change-Id: Iedcaaf71a2ac48eb885ac92d9efee0623e949289
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/components/form-elements.scss b/app/common/styles/components/form-elements.scss
index 2ce17ee..b247a3f 100644
--- a/app/common/styles/components/form-elements.scss
+++ b/app/common/styles/components/form-elements.scss
@@ -39,7 +39,7 @@
width: 100%;
border: 1px solid $lightbg__grey;
margin-top: -5px;
- box-shadow: 0 4px 10px -2px $lightgrey;
+ box-shadow: 0 4px 10px -2px $darkgrey;
li {
list-style-type: none;
}
diff --git a/app/common/styles/elements/toggle-switch.scss b/app/common/styles/elements/toggle-switch.scss
index 4402a6c..f24dfae 100644
--- a/app/common/styles/elements/toggle-switch.scss
+++ b/app/common/styles/elements/toggle-switch.scss
@@ -39,7 +39,7 @@
padding: 2px;
width: 50px;
height: 30px;
- background-color: $medgrey;
+ background-color: darken($medgrey, 8%);
@include borderRadius;
@include marginTransition;
}
@@ -66,10 +66,9 @@
left: 4px;
bottom: 4px;
width: 20px;
- background-color: $medgrey;
+ background-color: darken($medgrey, 8%);
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
- -ms-border-radius: 52px;
border-radius: 52px;
@include marginTransition;
}
diff --git a/app/server-health/styles/inventory.scss b/app/server-health/styles/inventory.scss
index 55244eb..c17017c 100644
--- a/app/server-health/styles/inventory.scss
+++ b/app/server-health/styles/inventory.scss
@@ -103,6 +103,7 @@
.inventory__device-col {
margin-right: 6px;
width: 50%;
+ text-transform: capitalize;
@include mediaQuery(medium){
width: auto;
}