From 5ddc543bd59b12b14fa9fc054e70220c3e6d4444 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Thu, 23 Nov 2023 12:57:43 +0000
Subject: [PATCH] Minor UX updates

---
 .../_components/BuilderSidePanel.svelte       | 33 ++++++++++++-------
 .../builder/portal/users/users/index.svelte   |  1 +
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte b/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte
index a67c2d3c61..c3bb5171a4 100644
--- a/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/_components/BuilderSidePanel.svelte
@@ -781,7 +781,7 @@
       {/if}
     </div>
   {:else}
-    <Divider />
+    <Divider noMargin />
     <div class="body">
       <Layout gap="L" noPadding>
         <div class="user-invite-form">
@@ -808,19 +808,21 @@
                 : Constants.BudibaseRoleOptionsNew.filter(
                     option => option.value !== Constants.BudibaseRoles.Admin
                   )}
-              label="Role"
+              label="Access"
             />
             {#if creationRoleType !== Constants.BudibaseRoles.Admin}
-              <RoleSelect
-                placeholder={false}
-                bind:value={creationAccessType}
-                allowPublic={false}
-                allowCreator={true}
-                quiet={true}
-                autoWidth
-                align="right"
-                fancySelect
-              />
+              <span class="role-wrap">
+                <RoleSelect
+                  placeholder={false}
+                  bind:value={creationAccessType}
+                  allowPublic={false}
+                  allowCreator={true}
+                  quiet={true}
+                  autoWidth
+                  align="right"
+                  fancySelect
+                />
+              </span>
             {/if}
           </FancyForm>
           {#if creationRoleType === Constants.BudibaseRoles.Admin}
@@ -847,6 +849,13 @@
 </div>
 
 <style>
+  .role-wrap :global(.fancy-field:not(:last-of-type)) {
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
   .search :global(input) {
     padding-left: 0px;
   }
diff --git a/packages/builder/src/pages/builder/portal/users/users/index.svelte b/packages/builder/src/pages/builder/portal/users/users/index.svelte
index ff8b749602..37cbcabbca 100644
--- a/packages/builder/src/pages/builder/portal/users/users/index.svelte
+++ b/packages/builder/src/pages/builder/portal/users/users/index.svelte
@@ -82,6 +82,7 @@
       minWidth: "200px",
     },
     role: {
+      displayName: "Access",
       sortable: false,
       width: "1fr",
     },