Fix: Small changes to profile context menu

src/components/navigation/right/MemberSidebar.tsx

@@ -2,6 +2,7 @@ import { Text } from "preact-i18n";
 import { useContext, useEffect, useState } from "preact/hooks";
 
 import { User } from "revolt.js";
+import Details from "../../../components/ui/Details";
 import Category from "../../ui/Category";
 import { useParams } from "react-router";
 import { UserButton } from "../items/ButtonItem";

src/pages/friends/Friend.module.scss

@@ -118,7 +118,6 @@
 .divider {
     width: 1px;
     height: 24px;
-    margin: 0 8px;
     background: var(--primary-background);
 }
 

src/pages/friends/Friends.tsx

@@ -57,7 +57,7 @@ export default function Friends() {
                 <div className={styles.actions}>
                     {/*<Tooltip content={"Create Category"} placement="bottom">
                         <IconButton onClick={() => openScreen({ id: 'special_input', type: 'create_group' })}>
-                            <ListPlus size={24} />
+                            <ListPlus size={28} />
                         </IconButton>
                     </Tooltip>
                     <div className={styles.divider} />*/}

src/pages/settings/server/Roles.tsx

@@ -49,7 +49,7 @@ export function Roles({ server }: Props) {
             <div className={styles.list}>
                 <div className={styles.title}>
                     <h1><Text id="app.settings.server_pages.roles.title" /></h1>
-                    <Plus size={16} onClick={() =>
+                    <Plus size={22} onClick={() =>
                         openScreen({ id: 'special_input', type: 'create_role', server: server._id, callback: id => setRole(id) })} />
                 </div>
                 { [ 'default', ...Object.keys(roles) ]

src/styles/_context-menu.scss

@@ -51,7 +51,13 @@
         }
 
         .status {
-            font-size: .6rem;
+            max-width: 132px;
+            font-size: .625rem;
+            color: var(--secondary-foreground);
+
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
         }
     }