summaryrefslogtreecommitdiffstats
path: root/app
diff options
context:
space:
mode:
authorMichael Davis <michael.s.davis@ibm.com>2017-08-28 18:36:53 -0500
committerAdriana Kobylak <anoo@us.ibm.com>2017-10-09 14:41:16 -0500
commit9632d71c43a88cda4795ca7b3ff4fd85add9b843 (patch)
tree9e26d12a17b984adf4a9f09d3f4aebe7477c697c /app
parent7845348121d0f4c3a8da46d144dc45bb2779b7f7 (diff)
downloadphosphor-webui-9632d71c43a88cda4795ca7b3ff4fd85add9b843.tar.gz
phosphor-webui-9632d71c43a88cda4795ca7b3ff4fd85add9b843.zip
fixed sizes and positioning of icons
Change-Id: Idc6930c87f61217f9bf4daab5b82c418606cdf80 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
Diffstat (limited to 'app')
-rw-r--r--app/common/styles/base/icons.scss5
-rw-r--r--app/common/styles/elements/status.scss4
-rw-r--r--app/server-control/styles/power-operations.scss4
3 files changed, 8 insertions, 5 deletions
diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index f56ffcc..ba41514 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -58,9 +58,10 @@
@mixin status-icon {
background-repeat: no-repeat;
vertical-align: middle;
- width: 20px;
- height: 23px;
+ width: 16px;
+ height: 16px;
margin-right: .4em;
+ margin-left: .3em;
}
.icon__warning {
diff --git a/app/common/styles/elements/status.scss b/app/common/styles/elements/status.scss
index 23d4935..b6cdc9d 100644
--- a/app/common/styles/elements/status.scss
+++ b/app/common/styles/elements/status.scss
@@ -6,8 +6,8 @@
transform: translateY(-2px);
left: 0;
top: 0;
- width: 20px;
- height: 20px;
+ width: 16px;
+ height: 16px;
position: absolute;
}
diff --git a/app/server-control/styles/power-operations.scss b/app/server-control/styles/power-operations.scss
index 616b89c..add4ff3 100644
--- a/app/server-control/styles/power-operations.scss
+++ b/app/server-control/styles/power-operations.scss
@@ -23,8 +23,8 @@
span:before {
content: '';
position: absolute;
- margin-left: -25px;
@extend .icon__off;
+ margin-left: -25px;
}
}
@@ -71,6 +71,8 @@
.power__state {
span:before {
color: $status-warn;
+ content: '';
+ @extend .icon__warning;
}
}
}
OpenPOWER on IntegriCloud