From 91627de4de94890a0517c44d5650bb7120503c26 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Fri, 8 Apr 2016 20:58:36 -0500
Subject: [PATCH] fix up broke forms styles and docs example for the grid

---
 docs/components/forms.md | 40 +++++++++++++++++++++-------------------
 scss/_forms.scss         |  3 ++-
 2 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/docs/components/forms.md b/docs/components/forms.md
index 14921b2104..ae60e66c27 100644
--- a/docs/components/forms.md
+++ b/docs/components/forms.md
@@ -359,25 +359,27 @@ Be sure to add `.form-control-label` to your `<label>`s as well so they're verti
         <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
       </div>
     </div>
-    <fieldset class="form-group">
-      <legend>Radio buttons</legend>
-      <div class="radio">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
-          Option one is this and that&mdash;be sure to include why it's great
-        </label>
-      </div>
-      <div class="radio">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
-          Option two can be something else and selecting it will deselect option one
-        </label>
-      </div>
-      <div class="radio disabled">
-        <label>
-          <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
-          Option three is disabled
-        </label>
+    <fieldset class="form-group row">
+      <legend class="form-control-legend col-sm-2">Radios</legend>
+      <div class="col-sm-10">
+        <div class="radio">
+          <label>
+            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
+            Option one is this and that&mdash;be sure to include why it's great
+          </label>
+        </div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
+            Option two can be something else and selecting it will deselect option one
+          </label>
+        </div>
+        <div class="radio disabled">
+          <label>
+            <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
+            Option three is disabled
+          </label>
+        </div>
       </div>
     </fieldset>
     <div class="form-group row">
diff --git a/scss/_forms.scss b/scss/_forms.scss
index 144cb84c83..b31d5fcc5a 100644
--- a/scss/_forms.scss
+++ b/scss/_forms.scss
@@ -101,7 +101,8 @@ select.form-control {
 // For use with horizontal and inline forms, when you need the legend text to
 // be the same size as regular labels, and to align with the form controls.
 .form-control-legend {
-  padding: $input-padding-y $input-padding-x;
+  padding-top: $input-padding-y;
+  padding-bottom: $input-padding-y;
   margin-bottom: 0;
   font-size: $font-size-base;
 }
-- 
2.47.2