power-operations: misc changes
* Accessibility tweaks.
* Minor style updates.
* Navigation updates.
Change-Id: I7ceea9697ccd5853268f9bd8704e73b367e1bc0b
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/src/power-operations.html b/src/power-operations.html
index 9ddbc70..b1913ea 100644
--- a/src/power-operations.html
+++ b/src/power-operations.html
@@ -22,14 +22,14 @@
<!-- 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 ">
- <p class="inline h4">Current status</p>
+ <h2 class="inline h4">Current status</h2>
<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 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>
+ <h3 class="power__state inline float-right"><span>On</span></h3>
</div>
</div>
<div class="row column">
@@ -39,25 +39,25 @@
<!-- 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>
+ <button id="power__power-on" class="btn-secondary" role="button">Power On</button>
<p>Attempts to power on the server</p>
</div>
<!-- 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>
+ <button id="power__warm-boot" class="btn-secondary" role="button">Warm reboot</button>
<p>Attempts to perform an orderly shutdown before restarting the server</p>
</div>
<div class="row column power-option">
- <button id="power__cold-boot" class="btn-secondary">Cold reboot</button>
+ <button id="power__cold-boot" class="btn-secondary" role="button">Cold reboot</button>
<p>Shuts down the server immediately, then restarts it</p>
</div>
<div class="row column power-option">
- <button id="power__soft-shutdown" class="btn-secondary">Orderly shutdown</button>
+ <button id="power__soft-shutdown" class="btn-secondary" role="button">Orderly shutdown</button>
<p>Attempts to stop all software on the server before removing power</p>
</div>
<div class="row column power-option">
- <button id="power__hard-shutdown" class="btn-secondary">Immediate shutdown</button>
+ <button id="power__hard-shutdown" class="btn-secondary" role="button">Immediate shutdown</button>
<p>Removes power from the server without waiting for software to stop</p>
<!-- Confirmation message - to accommodate the message for smaller screens we need to grab the height of the message and apply that height to "power-option" row