fix lint issues

ui/docs/containers/app/index.js

@@ -24,10 +24,10 @@ module.exports = () => {
     <Base>
       <Container fluid>
         <Row>
-          <Column xs={12} md={2}>
+          <Column md={2} xs={12}>
             <Navigation />
           </Column>
-          <Column xs={12} md={10}>
+          <Column md={10} xs={12}>
             <Match
               component={Home}
               exactly

ui/docs/containers/app/navigation.js

@@ -1,4 +1,3 @@
-const classNames = require('classnames');
 const paramCase = require('param-case');
 const React = require('react');
 const ReactRouter = require('react-router');

ui/src/components/checkbox/index.js

@@ -7,6 +7,7 @@ const Checkbox = ({
   className,
   children,
   disabled = false,
+  id,
   onChange,
   style
 }) => {
@@ -18,13 +19,14 @@ const Checkbox = ({
   );
 
   return (
-    <label className={styles.label}>
+    <label className={styles.label} htmlFor={id}>
       <input
-        className={cn}
-        style={style}
         checked={checked}
-        onChange={onChange}
+        className={cn}
         disabled={disabled}
+        id={id}
+        onChange={onChange}
+        style={style}
         type='checkbox'
       />
       <span>{children}</span>
@@ -33,10 +35,11 @@ const Checkbox = ({
 };
 
 Checkbox.propTypes = {
+  checked: React.PropTypes.bool,
   children: React.PropTypes.node,
   className: React.PropTypes.string,
-  checked: React.PropTypes.bool,
   disabled: React.PropTypes.bool,
+  id: React.PropTypes.string,
   onChange: React.PropTypes.func,
   style: React.PropTypes.object
 };