Formatting update

packages/builder/src/builderStore/generate_css.js

@@ -1,4 +1,4 @@
-import {toNumber} from "lodash/fp"
+import { toNumber } from "lodash/fp"
 
 export const generate_screen_css = component_arr => {
   let styles = ""

packages/builder/src/components/common/Inputs/InputGroup.svelte

@@ -28,7 +28,6 @@
 </div>
 
 <style>
-
   .label {
     flex: 0;
   }

packages/builder/src/components/userInterface/ComponentsHierarchyChildren.svelte

@@ -40,7 +40,10 @@
         class="budibase__nav-item item"
         class:selected={currentComponent === component}
         style="padding-left: {level * 20 + 53}px">
-        <div class="nav-item"><i class="icon ri-arrow-right-circle-fill"></i>{get_capitalised_name(component._component)}</div>
+        <div class="nav-item">
+          <i class="icon ri-arrow-right-circle-fill" />
+          {get_capitalised_name(component._component)}
+        </div>
         <div class="actions">
           <ComponentDropdownMenu {component} />
         </div>

packages/builder/src/components/userInterface/propertyCategories.js

@@ -78,11 +78,7 @@ const spacingMeta = [
 ]
 
 export const spacing = [
-  { label: "Margin", 
+  { label: "Margin", key: "margin", control: InputGroup, meta: spacingMeta },
-    key: "margin", 
-    control: InputGroup,
-    meta: spacingMeta 
-  },
   {
     label: "Padding",
     key: "padding",