From 06fc8c1f04db72aed01117d50f8a91b45f5a13d3 Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Wed, 27 May 2020 14:28:05 +0100
Subject: [PATCH] Format and lint

---
 .../userInterface/propertyCategories.js       | 46 +++++++++----------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/packages/builder/src/components/userInterface/propertyCategories.js b/packages/builder/src/components/userInterface/propertyCategories.js
index 8303dbb6e7..b871962b92 100644
--- a/packages/builder/src/components/userInterface/propertyCategories.js
+++ b/packages/builder/src/components/userInterface/propertyCategories.js
@@ -16,7 +16,7 @@ export const layout = [
     options: [
       { label: "Select Option", value: "Na" },
       { label: "Flex", value: "flex" },
-      { label: "Inline Flex", value: "inline-flex" }
+      { label: "Inline Flex", value: "inline-flex" },
     ],
   },
   {
@@ -32,32 +32,34 @@ export const layout = [
       { label: "Column Reverse", value: "columnReverse" },
     ],
   },
-  { label: "Justify", 
-    key: "justify-content", 
+  {
+    label: "Justify",
+    key: "justify-content",
     control: OptionSelect,
     initialValue: "Select Option",
     options: [
       { label: "Select Option", value: "Na" },
-      { label: "Flex Start", value: "flex-start" }, 
-      { label: "Flex End", value: "flex-end" }, 
-      { label: "Center", value: "center" }, 
-      { label: "Space Between", value: "space-between" }, 
-      { label: "Space Around", value: "space-around" }, 
-      { label: "Space Evenly", value: "space-evenly" }, 
+      { label: "Flex Start", value: "flex-start" },
+      { label: "Flex End", value: "flex-end" },
+      { label: "Center", value: "center" },
+      { label: "Space Between", value: "space-between" },
+      { label: "Space Around", value: "space-around" },
+      { label: "Space Evenly", value: "space-evenly" },
     ],
   },
-  { label: "Align", 
-    key: "align-items", 
+  {
+    label: "Align",
+    key: "align-items",
     control: OptionSelect,
     initialValue: "Select Option",
     options: [
       { label: "Select Option", value: "Na" },
-      { label: "Flex Start", value: "flex-start" }, 
-      { label: "Flex End", value: "flex-end" }, 
-      { label: "Center", value: "center" }, 
-      { label: "Baseline", value: "baseline" }, 
-      { label: "Stretch", value: "stretch" }, 
-    ], 
+      { label: "Flex Start", value: "flex-start" },
+      { label: "Flex End", value: "flex-end" },
+      { label: "Center", value: "center" },
+      { label: "Baseline", value: "baseline" },
+      { label: "Stretch", value: "stretch" },
+    ],
   },
   {
     label: "Wrap",
@@ -66,9 +68,9 @@ export const layout = [
     initialValue: "Wrap",
     options: [
       { label: "Select Option", value: "Na" },
-      { label: "Wrap", value: "wrap" }, 
+      { label: "Wrap", value: "wrap" },
       { label: "No Wrap", value: "nowrap" },
-      { label: "Wrap Reverse", value: "wrap-reverse" }
+      { label: "Wrap Reverse", value: "wrap-reverse" },
     ],
   },
 ]
@@ -80,11 +82,7 @@ const spacingMeta = [
   { placeholder: "T" },
 ]
 export const spacing = [
-  { label: "Margin", 
-    key: "margin", 
-    control: InputGroup, 
-    meta: spacingMeta 
-  },
+  { label: "Margin", key: "margin", control: InputGroup, meta: spacingMeta },
   {
     label: "Padding",
     key: "padding",