Clean up headers
Updates headers to match style guide and makes them consistent
throughout pages in the GUI. Removes instances where a header
element existed and a different header style was being applied.
For example, <h2 class="h4">
Tested: Ran GUI locally and verified that headers look consistent
and have the appropriate sizing while using Chrome, Firefox and
Safari.
Change-Id: I187136298ed2bfd36c40c2b80d5a4f20947cbe56
Signed-off-by: beccabroek <beccabroek@gmail.com>
diff --git a/app/server-control/controllers/bmc-reboot-controller.html b/app/server-control/controllers/bmc-reboot-controller.html
index dece701..627e60c 100644
--- a/app/server-control/controllers/bmc-reboot-controller.html
+++ b/app/server-control/controllers/bmc-reboot-controller.html
@@ -4,7 +4,7 @@
</div>
<div class="row column">
<div class="page-header">
- <p class="inline h4">Current BMC boot status</p>
+ <h2 class="inline">Current BMC boot status</h2>
<div class="float-right bmc-reboot__status-log inline">BMC last reboot at
<span class="courier-bold">{{reboot_time | localeDate}}</span></div>
</div>
diff --git a/app/server-control/controllers/power-operations-controller.html b/app/server-control/controllers/power-operations-controller.html
index b32792a..3dc69d2 100644
--- a/app/server-control/controllers/power-operations-controller.html
+++ b/app/server-control/controllers/power-operations-controller.html
@@ -3,7 +3,7 @@
<div class="row column">
<h1>Server power operations</h1>
<div class="power__current-status page-header">
- <h2 class="inline h4">Current status</h2>
+ <h2 class="inline">Current status</h2>
<div class="power__status-log inline float-right">Last power operation at <span class="courier-bold">{{power_time | localeDate}}</span></div>
</div>
</div>
@@ -15,7 +15,7 @@
</div>
<div class="row column">
<div class="row column">
- <h3 class="h4 subhead">Select a power operation</h3>
+ <h3 class="subhead">Select a power operation</h3>
</div>
<span class="inactive-message" ng-show="dataService.server_state == 'Unreachable'">There are no power operations to display while a power operation is in progress. When complete, any new power operations will be displayed here.</span>
<!-- Power on displays only when server is shutdown -->
diff --git a/app/server-control/controllers/power-usage-controller.html b/app/server-control/controllers/power-usage-controller.html
index 3e7c63f..5369827 100644
--- a/app/server-control/controllers/power-usage-controller.html
+++ b/app/server-control/controllers/power-usage-controller.html
@@ -6,7 +6,7 @@
<form class="power-usage__form" role="form" action="">
<section class="row column">
<div class="page-header">
- <h2 class="bold h4">Power information</h2>
+ <h2 class="bold">Power information</h2>
</div>
<fieldset>
<ul class="power-usage__metadata-wrapper">
diff --git a/app/server-control/controllers/remote-console-controller.html b/app/server-control/controllers/remote-console-controller.html
index 4d1887a..d03bb70 100644
--- a/app/server-control/controllers/remote-console-controller.html
+++ b/app/server-control/controllers/remote-console-controller.html
@@ -4,7 +4,7 @@
</div>
<section class="row column">
<div class="page-header">
- <h2 class="h4">Access the Serial over LAN console</h2>
+ <h2>Access the Serial over LAN console</h2>
</div>
</section>
<section class="row column">
diff --git a/app/server-control/controllers/server-led-controller.html b/app/server-control/controllers/server-led-controller.html
index dba6923..2901d76 100644
--- a/app/server-control/controllers/server-led-controller.html
+++ b/app/server-control/controllers/server-led-controller.html
@@ -2,7 +2,7 @@
<div class="row column">
<h1>Server LED</h1>
<div class="page-header">
- <h2 class="h4">LED light control</h2>
+ <h2>LED light control</h2>
</div>
</div>
diff --git a/app/server-control/styles/power-operations.scss b/app/server-control/styles/power-operations.scss
index 3228fbd..155fce9 100644
--- a/app/server-control/styles/power-operations.scss
+++ b/app/server-control/styles/power-operations.scss
@@ -2,18 +2,10 @@
#power-operations {
- .h4 {
- font-weight: bold;
- }
-
// Power Curernt status wrapper
.power__current-status {
border-bottom: 1px solid $medgrey;
margin: 1.3em 0 1.2em 0;
- .h4 {
- padding: 0;
- margin: 0 0 .5em 0;
- }
}
// Power state indicator on/off