style tweaks

web/src/lib/components/album-page/user-selection-modal.svelte

@@ -22,7 +22,7 @@
   export let onClose: () => void;
   let users: UserResponseDto[] = [];
   let selectedUsers: UserResponseDto[] = [];
-  let role = AlbumUserRole.Editor
+  let role = AlbumUserRole.Editor;
 
   const dispatch = createEventDispatcher<{
     select: AddUserDto[];
@@ -116,10 +116,10 @@
   </div>
 
   {#if users.length > 0}
-    <div class="flex items-center gap-2 py-3">
-      Add users as:
+    <div class="flex items-baseline gap-2 py-3">
+      <p>Add users as:</p>
+      <div class="flex-grow">
         <Dropdown
-      class="flex-grow"
           title="Role"
           options={[
             { title: 'Editor', value: AlbumUserRole.Editor },
@@ -127,9 +127,10 @@
           ]}
           selectedOption={{ title: 'Editor', value: AlbumUserRole.Editor }}
           render={({ title }) => title}
-      on:select={({ detail: { value } }) => role = value}
+          on:select={({ detail: { value } }) => (role = value)}
         />
-    <div class="flex-grow">
+      </div>
+      <div class="w-[50%]">
         <Button
           size="sm"
           fullwidth