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/directives/firmware-list.html b/app/common/directives/firmware-list.html
index e243247..d7d3385 100644
--- a/app/common/directives/firmware-list.html
+++ b/app/common/directives/firmware-list.html
@@ -25,7 +25,7 @@
<div class="table__cell">
<span class="table__cell-label">Boot priority:</span>
<div class="icon icon__up-arrow icon-as-spacer" aria-hidden="true">
- <span class="accessible-text">firmware down in priority</span></div>
+ <span class="accessible-text">firmware up in priority</span></div>
<div class="icon icon__down-arrow" aria-hidden="true">
<span class="accessible-text">firmware down in priority</span></div>
</div>
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