Merge pull request #90 from primer/btn_group_options

.btn and .button_to spacing in .btn-group

docs/buttons.md

@@ -154,6 +154,20 @@ Have a hankering for a series of buttons that are attached to one another? Wrap
 </div>
 {% endexample %}
 
+Add `.button_to` to `<form>`s within `.btn-group`s for proper spacing and rounded corners.
+
+**Heads up!** This class name is inconsistent and will change in the next major version.
+
+{% example html %}
+<div class="btn-group">
+  <form class="button_to">
+    <button class="btn" type="button">Button in a form</button>
+  </form>
+  <button class="btn" type="button">Button</button>
+  <button class="btn" type="button">Button</button>
+</div>
+{% endexample %}
+
 ## Hidden text button
 
 Use `.hidden-text-expander` to indicate and toggle hidden text.

scss/_buttons.scss

@@ -343,6 +343,8 @@
     }
   }
 
+  .btn + .button_to,
+  .button_to + .btn,
   .button_to + .button_to {
     margin-left: -1px;
   }