From 6ca0443aefe127d964492831d69c44859e75f676 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 14 Dec 2022 15:58:56 +0000
Subject: [PATCH] Update settings pages to new designs

---
 .../builder/portal/settings/auth/index.svelte |  2 +-
 .../portal/settings/organisation.svelte       | 33 ++++---------------
 .../builder/portal/settings/version.svelte    |  6 ++--
 3 files changed, 10 insertions(+), 31 deletions(-)
diff --git a/packages/builder/src/pages/builder/portal/settings/auth/index.svelte b/packages/builder/src/pages/builder/portal/settings/auth/index.svelte
index 0dbeb259c7..412a75ec0a 100644
--- a/packages/builder/src/pages/builder/portal/settings/auth/index.svelte
+++ b/packages/builder/src/pages/builder/portal/settings/auth/index.svelte
@@ -545,7 +545,7 @@
 <style>
   .form-row {
     display: grid;
-    grid-template-columns: 110px 1fr;
+    grid-template-columns: 120px 1fr;
     grid-gap: var(--spacing-l);
     align-items: center;
   }
diff --git a/packages/builder/src/pages/builder/portal/settings/organisation.svelte b/packages/builder/src/pages/builder/portal/settings/organisation.svelte
index 788e2d7e81..8e4d6e738c 100644
--- a/packages/builder/src/pages/builder/portal/settings/organisation.svelte
+++ b/packages/builder/src/pages/builder/portal/settings/organisation.svelte
@@ -80,10 +80,6 @@
       <Body>Edit and manage all of your organisation settings</Body>
     </Layout>
     <Divider />
-    <Layout gap="XS" noPadding>
-      <Heading size="S">Information</Heading>
-      <Body size="S">Here you can update your logo and organization name.</Body>
-    </Layout>
     <div class="fields">
       <div class="field">
         <Label size="L">Org. name</Label>
@@ -104,14 +100,7 @@
           />
         </div>
       </div>
-    </div>
-    {#if !$admin.cloud}
-      <Divider />
-      <Layout gap="XS" noPadding>
-        <Heading size="S">Platform</Heading>
-        <Body size="S">Here you can set up general platform settings.</Body>
-      </Layout>
-      <div class="fields">
+      {#if !$admin.cloud}
         <div class="field">
           <Label
             size="L"
@@ -121,21 +110,14 @@
           </Label>
           <Input thin bind:value={$values.platformUrl} />
         </div>
-      </div>
-    {/if}
-    {#if !$admin.cloud}
-      <Divider />
-      <Layout gap="XS" noPadding>
-        <Heading size="S">Analytics</Heading>
-        <Body size="S">Choose whether to opt-in or opt-out of analytics.</Body>
-      </Layout>
-      <div class="fields">
+      {/if}
+      {#if !$admin.cloud}
         <div class="field">
           <Label size="L">Analytics</Label>
           <Toggle text="" bind:value={$values.analyticsEnabled} />
         </div>
-      </div>
-    {/if}
+      {/if}
+    </div>
     <div>
       <Button disabled={loading} on:click={saveConfig} cta>Save</Button>
     </div>
@@ -147,18 +129,15 @@
     display: grid;
     grid-gap: var(--spacing-m);
   }
-
   .field {
     display: grid;
-    grid-template-columns: 100px 1fr;
+    grid-template-columns: 120px 1fr;
     grid-gap: var(--spacing-l);
     align-items: center;
   }
-
   .file {
     max-width: 30ch;
   }
-
   .logo {
     align-items: start;
   }
diff --git a/packages/builder/src/pages/builder/portal/settings/version.svelte b/packages/builder/src/pages/builder/portal/settings/version.svelte
index 68686f37ab..519793be54 100644
--- a/packages/builder/src/pages/builder/portal/settings/version.svelte
+++ b/packages/builder/src/pages/builder/portal/settings/version.svelte
@@ -62,12 +62,12 @@
     </Layout>
     <Divider />
     {#if version}
-      <div>
+      <Layout noPadding gap="XS">
         <Label size="L">Current version</Label>
-        <Heading size="XS">
+        <Heading size="S">
           {version}
         </Heading>
-      </div>
+      </Layout>
     {/if}
     <div>
       <Button cta on:click={updateBudibase}>Check for updates</Button>
