formatting

packages/builder/src/components/common/Icons/Close.svelte

@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  width="24"
+  height="24">
+  <path fill="none" d="M0 0h24v24H0z" />
+  <path
+    d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414
+    1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
+</svg>

packages/builder/src/components/common/Icons/Info.svelte

@@ -1 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill="none" d="M0 0h24v24H0z" />
+  <path
+    d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10
+    10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z" />
+</svg>

packages/builder/src/components/start/AppCard.svelte

@@ -1,21 +1,17 @@
 <script>
   import Button from "components/common/Button.svelte"
-  export let name, description =`A minimalist CRM which removes the noise and allows you to focus
-              on your business.`, _id;
-              
-  
+  export let name,
+    description = `A minimalist CRM which removes the noise and allows you to focus
+              on your business.`,
+    _id
 </script>
 
 <div class="apps-card">
   <h3 class="app-title">{name}</h3>
-  <p class="app-desc">
-    {description}
-  </p>
+  <p class="app-desc">{description}</p>
   <div class="card-footer">
     <div class="modified-date">Last Edited - 25th May 2020</div>
-    <a href={`/_builder/${_id}`} class="app-button">
-      Open Web App
-    </a>
+    <a href={`/_builder/${_id}`} class="app-button">Open Web App</a>
   </div>
 </div>
 

packages/builder/src/components/userInterface/ItemTab/Item.svelte

@@ -1,9 +1,9 @@
 <script>
-	import { fly } from 'svelte/transition';
+  import { fly } from "svelte/transition"
   export let item
 </script>
 
-<div class="item-item" transition:fly="{{ y: 100, duration: 1000 }}" on:click>
+<div class="item-item" transition:fly={{ y: 100, duration: 1000 }} on:click>
   <div class="item-icon">
     <i class={item.icon} />
   </div>

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

@@ -77,11 +77,7 @@ const spacingMeta = [
 ]
 
 export const spacing = [
-  { label: "Margin", 
-    key: "margin", 
-    control: InputGroup, 
-    meta: spacingMeta 
-  },
+  { label: "Margin", key: "margin", control: InputGroup, meta: spacingMeta },
   {
     label: "Padding",
     key: "padding",
@@ -215,13 +211,25 @@ export const border = [
     label: "Style",
     key: "border-style",
     control: OptionSelect,
-    options: ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"],
+    options: [
+      "none",
+      "hidden",
+      "dotted",
+      "dashed",
+      "solid",
+      "double",
+      "groove",
+      "ridge",
+      "inset",
+      "outset",
+    ],
   },
 ]
 
 export const effects = [
   { label: "Opacity", key: "opacity", control: Input },
-  { label: "Rotate", 
+  {
+    label: "Rotate",
     key: "transform",
     control: OptionSelect,
     options: [
@@ -235,8 +243,7 @@ export const effects = [
       { label: "315 degrees", value: "rotate(315deg)" },
       { label: "360 degrees", value: "rotate(360deg)" },
     ],
-  }
-    , //needs special control
+  }, //needs special control
   { label: "Shadow", key: "box-shadow", control: Input },
 ]