From fe83fd60257f00a6ad6faad6efaecccb0303bff5 Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Tue, 26 May 2026 14:50:47 +0800
Subject: [PATCH] fix: perbaiki layout accordion header Bug Reports agar badge
 status selalu terlihat

---
 src/frontend/routes/bug-reports.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/frontend/routes/bug-reports.tsx b/src/frontend/routes/bug-reports.tsx
index bc67d67..bd7cda3 100644
--- a/src/frontend/routes/bug-reports.tsx
+++ b/src/frontend/routes/bug-reports.tsx
@@ -700,27 +700,29 @@ function ListErrorsPage() {
                     }}
                   >
                     <Accordion.Control>
-                      <Group wrap="nowrap">
+                      <Group wrap="nowrap" style={{ minWidth: 0 }}>
                         <ThemeIcon
                           color={STATUS_COLOR[bug.status] ?? 'gray'}
                           variant="light"
                           size="lg"
                           radius="md"
+                          style={{ flexShrink: 0 }}
                         >
                           <TbAlertTriangle size={20} />
                         </ThemeIcon>
-                        <Box style={{ flex: 1 }}>
-                          <Group justify="space-between">
-                            <Text size="sm" fw={600} lineClamp={1}>{bug.description}</Text>
+                        <Box style={{ flex: 1, minWidth: 0 }}>
+                          <Group wrap="nowrap" gap="xs">
+                            <Text size="sm" fw={600} lineClamp={1} style={{ flex: 1, minWidth: 0 }}>{bug.description}</Text>
                             <Badge
                               color={STATUS_COLOR[bug.status] ?? 'gray'}
                               variant="dot"
                               size="sm"
+                              style={{ flexShrink: 0 }}
                             >
                               {STATUS_LABEL[bug.status] ?? bug.status}
                             </Badge>
                           </Group>
-                          <Text size="xs" c="dimmed">
+                          <Text size="xs" c="dimmed" lineClamp={1}>
                             {dayjs(bug.createdAt).format('D MMM YYYY, HH:mm')} · {bug.appId?.toUpperCase()} · v{bug.affectedVersion}
                           </Text>
                         </Box>