fix: user picker checkbox + width

fixes #657
fixes #681

src/components/common/user/UserCheckbox.tsx

@@ -1,6 +1,6 @@
 import { User } from "revolt.js";
 
-import { Checkbox } from "@revoltchat/ui";
+import { Checkbox, Row, Column } from "@revoltchat/ui";
 
 import UserIcon from "./UserIcon";
 import { Username } from "./UserShort";
@@ -9,9 +9,16 @@ type UserProps = { value: boolean; onChange: (v: boolean) => void; user: User };
 
 export default function UserCheckbox({ user, ...props }: UserProps) {
     return (
-        <Checkbox {...props}>
-            <UserIcon target={user} size={32} />
-            <Username user={user} />
-        </Checkbox>
+        <Checkbox
+            {...props}
+            title={
+                <Row centred>
+                    <UserIcon target={user} size={32} />
+                    <Column centred>
+                        <Username user={user} />
+                    </Column>
+                </Row>
+            }
+        />
     );
 }

src/context/intermediate/popovers/UserPicker.module.scss

@@ -1,20 +1,5 @@
 .list {
-    width: 400px;
     max-width: 100%;
     max-height: 360px;
     overflow-y: scroll;
-
-    > label {
-        > span {
-            align-items: flex-start !important;
-            > span {
-                display: flex;
-                padding: 4px;
-                flex-direction: row;
-                gap: 10px;
-                justify-content: flex-start;
-                align-items: center;
-            }
-        }
-    }
 }