From cb796c7886d50ac1394a53b8c5e5a27e6060edbb Mon Sep 17 00:00:00 2001
From: Alex Windett <windettalex@gmail.com>
Date: Tue, 14 Feb 2017 14:40:38 +0000
Subject: [PATCH] adding in colors from finalised style guide

---
 ui/src/components/colors/story.js | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/colors/story.js b/ui/src/components/colors/story.js
index 988e7787..5997b1c1 100644
--- a/ui/src/components/colors/story.js
+++ b/ui/src/components/colors/story.js
@@ -37,10 +37,9 @@ const StyledP = styled.p`
 `;
 
 const  convertCase = (val) => {
-  const result = val.replace( /([A-Z])/g, " $1" );
-  return val.charAt(0).toUpperCase() + result.slice(1); // capitalize the first
-  // letter - as an example.
-}
+  const result = val.replace( /([A-Z])/g, ' $1' );
+  return result.charAt(0).toUpperCase() + result.slice(1);
+};
 
 storiesOf('Colors', module)
   .add('default', () => {
@@ -51,7 +50,11 @@ storiesOf('Colors', module)
       `;
 
       return (
-        <Column xs={6} md={3} key={index}>
+        <Column
+          key={index}
+          md={3}
+          xs={6}
+        >
           <StyledWrapper>
             <StyledSquare />
             <StyledP>