style updates for header and power-ops
Change-Id: I5f518dd983d8ff4220062f4c31f0d9bd4f09b6f1
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/src/power-operations.html b/src/power-operations.html
index 30445be..9ddbc70 100644
--- a/src/power-operations.html
+++ b/src/power-operations.html
@@ -21,29 +21,29 @@
<!-- Current status and bar display the state of the server. Class 'power__state-off' is applied to bar and 'power__state' text switches to say "off"-->
<div class="row column">
- <div class="power__current-status">
+ <div class="power__current-status ">
<p class="inline h4">Current status</p>
<span class="power__status-log inline float-right">Server last reset at 01:41:24 on 02/17/17</span>
</div>
</div>
<div class="row column">
- <div class="power__indicator-bar power__state-on">
+ <div id="power-indicator-bar" class="power__indicator-bar power__state-on">
<p class="inline">Server BLZ_109284.209.01</p>
<p class="power__state inline float-right h3"><span>On</span></p>
</div>
</div>
<div class="row column">
<div class="row column">
- <h3 class="h4">Select a power operation option</h3>
+ <h3 class="h4">Select a power operation</h3>
</div>
- <!-- Power on displays when/if server is shutdown -->
+ <!-- Power on displays only when server is shutdown -->
<div class="row column power-option">
<button id="power__power-on" class="btn-secondary">Power On</button>
<p>Attempts to power on the server</p>
</div>
- <!-- Power reboot/shutdown options : when server is off these get class 'disabled' and can not be interacted with -->
+ <!-- Power reboot/shutdown options : when server is off all of these are hidden. When one option is selected, the others are disabled. -->
<div class="row column power-option">
<button id="power__warm-boot" class="btn-secondary">Warm reboot</button>
<p>Attempts to perform an orderly shutdown before restarting the server</p>
@@ -91,7 +91,7 @@
$(this).parents('#power-operations').find('.power__confirm').addClass('active');
$(this).parents('#power-operations').find('.power-option').addClass('disabled');
$(this).parent().addClass('transitionAll').css("minHeight", msgheight).removeClass('disabled');
- $(this).parents('#power-operations').find('.power-option.disabled button').attr("disabled", true);
+ $(this).parents('#power-operations').find('.power-option.disabled button').attr("disabled", true).addClass('disabled');
});
$('.btn-primary').on('click', function(){