[design] improve header item vertical alignment controls

Author: zombieFox

src/html/menu/menu-content/header.html

@@ -43,23 +43,25 @@ <h1 class="menu-item-header-text">Area</h1>
 <divclass="form-helper">
 <pclass="control-header-area-justify-helper form-helper-item">Effects may not be visible if the Header Area is full width.</p>
 </div>
-<hr>
-<divclass="form-wrap">
-<labelclass="control-header-area-align-label">Header item vertical alignment</label>
-</div>
-<divclass="form-wrap">
-<inputid="control-header-area-align-center" class="control-header-area-align-center" type="radio" name="control-header-area-align" value="center" tabindex="-1">
-<labelfor="control-header-area-align-center"><spanclass="label-icon"></span> Center</label>
-</div>
-<divclass="form-helper">
-<pclass="control-header-area-align-center-helper form-helper-item">Header items aligned to each others centres.</p>
-</div>
-<divclass="form-wrap">
-<inputid="control-header-area-align-baseline" class="control-header-area-align-baseline" type="radio" name="control-header-area-align" value="baseline" tabindex="-1">
-<labelfor="control-header-area-align-baseline"><spanclass="label-icon"></span> Baseline</label>
-</div>
-<divclass="form-helper">
-<pclass="control-header-area-align-baseline-helper form-helper-item">Header items aligned to the text baseline. Useful for when the Clock, Date and other text is sized large and need to sit on a line.</p>
+<divclass="form-indent">
+<hr>
+<divclass="form-wrap">
+<labelclass="control-header-area-align-label">Header item vertical alignment</label>
+</div>
+<divclass="form-wrap">
+<inputid="control-header-area-align-center" class="control-header-area-align-center" type="radio" name="control-header-area-align" value="center" tabindex="-1">
+<labelfor="control-header-area-align-center"><spanclass="label-icon"></span> Center</label>
+</div>
+<divclass="form-helper">
+<pclass="control-header-area-align-center-helper form-helper-item">Header items aligned to each others centres.</p>
+</div>
+<divclass="form-wrap">
+<inputid="control-header-area-align-baseline" class="control-header-area-align-baseline" type="radio" name="control-header-area-align" value="baseline" tabindex="-1">
+<labelfor="control-header-area-align-baseline"><spanclass="label-icon"></span> Baseline</label>
+</div>
+<divclass="form-helper">
+<pclass="control-header-area-align-baseline-helper form-helper-item">Header items aligned to the text baseline. Useful for when the Clock, Date and other text is sized large and need to sit on a line.</p>
+</div>
 </div>
 <hr>
 <divclass="form-wrap">