From ded9ce6da218c44dca62c857745fecec8eec6f1e Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Tue, 17 Mar 2026 21:45:21 +0900
Subject: [PATCH] adjust widget header padding and table styles for better
 display

---
 src/views/Dashboard/widgets/FeedWidget.vue    | 6 +++---
 src/views/Dashboard/widgets/GameLogWidget.vue | 6 +++---
 src/views/Dashboard/widgets/WidgetHeader.vue  | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/views/Dashboard/widgets/FeedWidget.vue b/src/views/Dashboard/widgets/FeedWidget.vue
index 13ff01c6..6001b22c 100644
--- a/src/views/Dashboard/widgets/FeedWidget.vue
+++ b/src/views/Dashboard/widgets/FeedWidget.vue
@@ -27,8 +27,8 @@
             </DropdownMenu>
         </WidgetHeader>
 
-        <div class="min-h-0 flex-1 overflow-y-auto" ref="listRef">
-            <Table v-if="filteredData.length" class="is-compact-table">
+        <div class="min-h-0 flex-1 overflow-y-auto overflow-x-hidden" ref="listRef">
+            <Table v-if="filteredData.length" class="is-compact-table table-fixed">
                 <TableBody>
                     <TableRow
                         v-for="(item, index) in filteredData"
@@ -43,7 +43,7 @@
                         <TableCell v-if="showType" class="w-16 text-[11px] text-muted-foreground">
                             {{ item.type }}
                         </TableCell>
-                        <TableCell class="truncate">
+                        <TableCell class="max-w-0 truncate">
                             <template v-if="item.type === 'GPS'">
                                 <MapPin class="mr-1 inline-block h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                                 <span class="cursor-pointer" @click="openUser(item.userId)">{{
diff --git a/src/views/Dashboard/widgets/GameLogWidget.vue b/src/views/Dashboard/widgets/GameLogWidget.vue
index 9c783964..fdc88580 100644
--- a/src/views/Dashboard/widgets/GameLogWidget.vue
+++ b/src/views/Dashboard/widgets/GameLogWidget.vue
@@ -27,8 +27,8 @@
             </DropdownMenu>
         </WidgetHeader>
 
-        <div class="min-h-0 flex-1 overflow-y-auto">
-            <Table v-if="filteredData.length" class="is-compact-table">
+        <div class="min-h-0 flex-1 overflow-y-auto overflow-x-hidden">
+            <Table v-if="filteredData.length" class="is-compact-table table-fixed">
                 <TableBody>
                     <TableRow
                         v-for="(item, index) in filteredData"
@@ -40,7 +40,7 @@
                                 <span>{{ formatTime(item.created_at) }}</span>
                             </TooltipWrapper>
                         </TableCell>
-                        <TableCell class="truncate">
+                        <TableCell class="max-w-0 truncate">
                             <template v-if="item.type === 'Location'">
                                 <MapPin class="mr-1 inline-block h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                                 <Location
diff --git a/src/views/Dashboard/widgets/WidgetHeader.vue b/src/views/Dashboard/widgets/WidgetHeader.vue
index e76ba6f8..ca1e7cf0 100644
--- a/src/views/Dashboard/widgets/WidgetHeader.vue
+++ b/src/views/Dashboard/widgets/WidgetHeader.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="group/header flex shrink-0 items-center justify-between border-b px-2.5 py-1.5">
+    <div class="group/header flex shrink-0 items-center justify-between border-b px-2.5 py-0">
         <div
             class="flex cursor-pointer items-center gap-1.5 text-xs font-semibold text-muted-foreground transition-colors hover:text-foreground"
             @click="navigateToPage">