Checkbox and radio component rework

docs/v2/DEVLOG.md

@@ -600,3 +600,8 @@
 - Added `inverse` `button` style to the list of `button` styles.
 - Removed the `custom` `button` demo that was still lingering in the current flavor.
 - Updated colors and stuff for `button` color variants. They should be consistent now.
+
+
+## 20161206
+
+- Tweaks to the `checkbox` and `radio` components. Added a lot of customization and recalculated their values from the ground up. This should fix problems with displaying them on different screens.

docs/v2/playground.html

@@ -80,12 +80,13 @@
         <button class="large">large</button>
         <button class="inverse">button</button>
         <p>Use rows and columns for normal alignment, use input-groups in rows without columns for unaligned but just vertical forms or predesigned forms etc.</p>
+        <p>Add align-items:center hack style</p>
           <form>
             <fieldset>
                 <legend>Aligned form (using <code>width</code> and grid - no container):</legend>
                 <div class="row">
                   <div class="col-sm-12 col-md-2" style="text-align:right;">
-                    <label for="website" style="vertical-align: text-top;">Website</label>
+                    <label for="website">Website</label>
                   </div>
                   <div class="col-sm-12 col-md">
                     <input type="text" value="" id="website" placeholder="website" style="width:85%;">
@@ -107,7 +108,7 @@
                 </div>
                 <div class="row">
                   <div class="col-sm-12 col-md-2" style="text-align:right;">
-                    <label for="weburl" style="vertical-align: text-top;">URL</label>
+                    <label for="weburl">URL</label>
                   </div>
                   <div class="col-sm-12 col-md">
                     <input type="url" value="" id="weburl" placeholder="https://www.mywebsite.com" style="width:85%;">