From 35cd24eb6009806c9238b6f60071e4d8cc9440f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81rgio=20Ramos?= <mail@sergioramos.me>
Date: Wed, 26 Oct 2016 14:44:17 +0100
Subject: [PATCH] fix lint issues

---
 ui/docs/containers/app/index.js      |  4 ++--
 ui/docs/containers/app/navigation.js |  1 -
 ui/src/components/checkbox/index.js  | 13 ++++++++-----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/ui/docs/containers/app/index.js b/ui/docs/containers/app/index.js
index 2c56efdf..57adffe7 100644
--- a/ui/docs/containers/app/index.js
+++ b/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
diff --git a/ui/docs/containers/app/navigation.js b/ui/docs/containers/app/navigation.js
index 68b318fe..eef2382a 100644
--- a/ui/docs/containers/app/navigation.js
+++ b/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');
diff --git a/ui/src/components/checkbox/index.js b/ui/src/components/checkbox/index.js
index 6858452e..c05f678e 100644
--- a/ui/src/components/checkbox/index.js
+++ b/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
 };