From 86aa869ef753fc8ebf4dd59fdea66915acee66d5 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Sun, 4 Jul 2021 13:41:52 +0200
Subject: [PATCH] Fix: Small changes to profile context menu

---
 src/components/navigation/right/MemberSidebar.tsx | 1 +
 src/pages/friends/Friend.module.scss              | 1 -
 src/pages/friends/Friends.tsx                     | 2 +-
 src/pages/settings/server/Roles.tsx               | 2 +-
 src/styles/_context-menu.scss                     | 8 +++++++-
 5 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/right/MemberSidebar.tsx b/src/components/navigation/right/MemberSidebar.tsx
index 96b3728f..e8cc3601 100644
--- a/src/components/navigation/right/MemberSidebar.tsx
+++ b/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";
diff --git a/src/pages/friends/Friend.module.scss b/src/pages/friends/Friend.module.scss
index fe103bf7..d6338774 100644
--- a/src/pages/friends/Friend.module.scss
+++ b/src/pages/friends/Friend.module.scss
@@ -118,7 +118,6 @@
 .divider {
     width: 1px;
     height: 24px;
-    margin: 0 8px;
     background: var(--primary-background);
 }
 
diff --git a/src/pages/friends/Friends.tsx b/src/pages/friends/Friends.tsx
index 607f6d8f..284641e7 100644
--- a/src/pages/friends/Friends.tsx
+++ b/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} />*/}
diff --git a/src/pages/settings/server/Roles.tsx b/src/pages/settings/server/Roles.tsx
index db3887c3..0fea1988 100644
--- a/src/pages/settings/server/Roles.tsx
+++ b/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) ]
diff --git a/src/styles/_context-menu.scss b/src/styles/_context-menu.scss
index 8f33978b..d5f15ee1 100644
--- a/src/styles/_context-menu.scss
+++ b/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;
         }
     }