formatting

packages/builder/src/components/common/ActionButton.svelte

@@ -30,8 +30,8 @@
 
   .alert {
     color: white;
-    background: #E26D69;
+    background: #e26d69;
-    border: solid 1px #E26D69;
+    border: solid 1px #e26d69;
   }
 
   .cancel {

packages/builder/src/components/common/Input.svelte

@@ -18,11 +18,19 @@
     onChange(_value)
   }
 
-  $: displayValue = suffix && value && value.endsWith(suffix) ? value.replace(new RegExp(`${suffix}$`), "") : (value || "")
+  $: displayValue =
-  
+    suffix && value && value.endsWith(suffix)
+      ? value.replace(new RegExp(`${suffix}$`), "")
+      : value || ""
 </script>
 
-<input class:centerPlaceholder type="text" value={displayValue} {placeholder} {style} on:change={e => handleChange(e.target.value)} />
+<input
+  class:centerPlaceholder
+  type="text"
+  value={displayValue}
+  {placeholder}
+  {style}
+  on:change={e => handleChange(e.target.value)} />
 
 <style>
   input {

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

@@ -13,7 +13,9 @@
     value.splice(idx, 1, val !== "auto" ? val + suffix : val)
 
     value = value
-    let _value = value.map(v => (!v.endsWith(suffix) && v !== "auto" ? v + suffix : v))
+    let _value = value.map(v =>
+      !v.endsWith(suffix) && v !== "auto" ? v + suffix : v
+    )
     onChange(_value)
   }
 
@@ -44,5 +46,4 @@
   .inputs-group {
     flex: 1;
   }
-
 </style>

packages/builder/src/components/database/ModelDataTable/modals/CreateEditModel/CreateEditModel.svelte

@@ -160,6 +160,4 @@
     display: flex;
     justify-content: flex-end;
   }
-
-
 </style>

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

@@ -12,15 +12,20 @@
   $: useIcon = !!icon
 </script>
 
-<div class="flatbutton" {style} class:selected on:click={() => onClick(value || text)}>
+<div
+  class="flatbutton"
+  {style}
+  class:selected
+  on:click={() => onClick(value || text)}>
   {#if useIcon}
     <i class={icon} />
   {:else}
-    <span>{@html text}</span>
+    <span>
+      {@html text}
+    </span>
   {/if}
 </div>
 
-
 <style>
   .flatbutton {
     cursor: pointer;

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

@@ -28,10 +28,8 @@
     onChange(val)
   }
 
-
   const checkSelected = val =>
     isMultiSelect ? value.includes(val) : value === val
-
 </script>
 
 <div class="flatbutton-group">

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

@@ -214,10 +214,10 @@
     height: auto;
     padding: 5px 0px;
     cursor: pointer;
-    padding-left: 10px
+    padding-left: 10px;
   }
 
   li:hover {
-    background-color:#e6e6e6
+    background-color: #e6e6e6;
   }
 </style>