docs(cb-a11y): Building examples - Form controls

Author: AlmeroSteyn

public/docs/_examples/cb-a11y/ts/a11y.css

@@ -3,6 +3,10 @@ label {
     width: 100%;
 }
 
+hr {
+    border-top: 3px double #8c8b8b;
+}
+
 .background-contrast {
     background-color: #0143A3;
     color: #fff;

public/docs/_examples/cb-a11y/ts/app/a11y-form-controls.component.html

@@ -5,6 +5,7 @@ <h2>Accessible form control labels</h2>
     <section class="row well">
         <header>
             <h3>Implicit labeling</h3>
+            <hr>
         </header>
 
         <a11y-input>Type something:</a11y-input>
@@ -25,6 +26,7 @@ <h3>Implicit labeling</h3>
     <section class="row well">
         <header>
             <h3>Explicit labeling</h3>
+            <hr>
         </header>
 
         <a11y-input-explicit [uniqueId]="'forinput'">
@@ -35,11 +37,13 @@ <h3>Explicit labeling</h3>
     <section class="row well">
         <header>
             <h3>Hiding labels</h3>
+            <hr>
         </header>
     </section>
     <section class="row well">
         <header>
             <h3>Labeling custom controls</h3>
+            <hr>
         </header>
     </section>