From 9632d71c43a88cda4795ca7b3ff4fd85add9b843 Mon Sep 17 00:00:00 2001 From: Michael Davis Date: Mon, 28 Aug 2017 18:36:53 -0500 Subject: fixed sizes and positioning of icons Change-Id: Idc6930c87f61217f9bf4daab5b82c418606cdf80 Signed-off-by: Michael Davis --- app/common/styles/base/icons.scss | 5 +++-- app/common/styles/elements/status.scss | 4 ++-- app/server-control/styles/power-operations.scss | 4 +++- 3 files changed, 8 insertions(+), 5 deletions(-) (limited to 'app') 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; } } } -- cgit v1.2.1