firmware: added new icons to match designs. minor fixes to button styling
Change-Id: If77d9119bc9335b5bd5e94ec1d201f6aa8969d0d
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 2c803d2..e7f9728 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -93,27 +93,16 @@
}
.icon__up-arrow {
- margin-right: 1em;
- &:before {
- content: '\029C0';
- position: absolute;
- font-size: 3em;
- left: 0;
- top: -50%;
- transform: rotate(90deg);
- }
- &.hide {
- text-align: -9999px;
+ margin-right: .4em;
+ margin-bottom: -15px;
+ background: url(/assets/images/icon-arrow-blue.svg) center center no-repeat;
+ height: 40px;
+ width: 30px;
+ &.icon-as-spacer {
+ background: url(/assets/images/icon-arrow-gray.svg) center center no-repeat;
}
}
.icon__down-arrow {
- margin-right: 1em;
- &:before {
- content: '\029C0';
- position: absolute;
- font-size: 3em;
- left: -4px;
- top: -50%;
- transform: rotate(-90deg);
- }
+ @extend .icon__up-arrow;
+ transform: rotate(180deg);
}
\ No newline at end of file