Tweak the docs and address the new forms list of controls: radios and checkboxes are now hanging controls to wrap text properly

2 files changed, 22 insertions, 18 deletions

diff --git a/lib/forms.less b/lib/forms.less
index 0c624fa88..32acbdaba 100644
--- a/lib/forms.less
+++ b/lib/forms.less
@@ -116,6 +116,28 @@ textarea {
 
 
 
+// CHECKBOXES & RADIOS
+// -------------------
+
+// Indent the labels to position radios/checkboxes as hanging
+.radio,
+.checkbox {
+  padding-left: 18px;
+}
+.radio input[type=radio],
+.checkbox input[type=checkbox] {
+  float: left;
+  margin-left: -18px;
+}
+
+// Move the options list down to align with labels
+.controls > .radio:first-child,
+.controls > .checkbox:first-child {
+  padding-top: 6px; // has to be padding because margin collaspes
+}
+
+
+
 // FOCUS STATE
 // -----------
 
@@ -390,11 +412,6 @@ textarea[readonly] {
   .controls {
     margin-left: 150px;
   }
-  // Move the options list down to align with labels
-  .controls > .radio:first-child,
-  .controls > .checkbox:first-child {
-    padding-top: 6px; // has to be padding because margin collaspes
-  }
   // Move over buttons in .form-actions to align with .controls
   .form-actions {
     padding-left: 150px;
diff --git a/lib/patterns.less b/lib/patterns.less
index 72c3e8ec5..7a039ce26 100644
--- a/lib/patterns.less
+++ b/lib/patterns.less
@@ -28,16 +28,3 @@ footer {
   margin-top: @baseLineHeight - 1;
   border-top: 1px solid #eee;
 }
-
-
-// PAGE HEADERS
-// ------------
-
-.page-header {
-  margin-bottom: @baseLineHeight * 1.5;
-  border-bottom: 1px solid #eee;
-  .box-shadow(0 1px 0 rgba(255,255,255,.5));
-  h1 {
-    margin-bottom: @baseLineHeight * .75;
-  }
-}