From efbc6f042325e8562d5d5749c0408f0c4ee8f9af Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Fri, 20 Jan 2023 12:55:50 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Update=20popover=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/widgets/torrent/TorrentQueueItem.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/widgets/torrent/TorrentQueueItem.tsx b/src/widgets/torrent/TorrentQueueItem.tsx
index 460e7aa80..991daef23 100644
--- a/src/widgets/torrent/TorrentQueueItem.tsx
+++ b/src/widgets/torrent/TorrentQueueItem.tsx
@@ -2,7 +2,6 @@
 import { NormalizedTorrent } from '@ctrl/shared-torrent';
 import {
   Badge,
-  Divider,
   Flex,
   Group,
   List,
@@ -11,7 +10,6 @@ import {
   Progress,
   Stack,
   Text,
-  Title,
   useMantineTheme,
 } from '@mantine/core';
 import { useDisclosure, useElementSize } from '@mantine/hooks';
@@ -19,6 +17,7 @@ import {
   IconAffiliate,
   IconDatabase,
   IconDownload,
+  IconFileInfo,
   IconInfoCircle,
   IconPercentage,
   IconSortDescending,
@@ -134,7 +133,7 @@ const TorrentQueuePopover = ({ torrent, app }: TorrentQueueItemProps) => {
   };
 
   return (
-    <Stack spacing="xs" justify="space-evenly">
+    <Stack spacing="xs">
       {app && (
         <Group spacing={3}>
           <Text size="xs" color="dimmed">
@@ -146,8 +145,18 @@ const TorrentQueuePopover = ({ torrent, app }: TorrentQueueItemProps) => {
           </Text>
         </Group>
       )}
-      <Title order={5}>{torrent.name}</Title>
+
       <List>
+        <List.Item icon={<IconFileInfo size={16} />}>
+          <Text
+            style={{
+              display: 'inline-block',
+              wordBreak: 'break-word',
+            }}
+          >
+            {torrent.name}
+          </Text>
+        </List.Item>
         <List.Item icon={<IconAffiliate size={16} />}>
           <RatioMetric />
         </List.Item>