tidy up

src/views/Feed/columns.jsx

@@ -286,7 +286,7 @@ export const columns = [
         header: () => t('table.feed.detail'),
         enableSorting: false,
         meta: {
-            class: 'min-w-0 overflow-hidden'
+            class: 'min-w-[240px] overflow-hidden'
         },
         cell: ({ row }) => {
             const original = row.original;

src/views/FriendLog/columns.jsx

@@ -32,7 +32,7 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
         {
             accessorKey: 'created_at',
             meta: {
-                class: 'w-[140px]'
+                class: 'w-[90px]'
             },
             header: ({ column }) => (
                 <Button
@@ -67,7 +67,7 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
         {
             accessorKey: 'type',
             meta: {
-                class: 'w-[180px]'
+                class: 'w-[110px]'
             },
             header: () => t('table.friendLog.type'),
             cell: ({ row }) => {
@@ -82,7 +82,7 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
         {
             accessorKey: 'displayName',
             meta: {
-                class: 'min-w-0 overflow-hidden'
+                class: 'w-[260px]'
             },
             header: () => t('table.friendLog.user'),
             cell: ({ row }) => {
@@ -90,7 +90,7 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
                 const displayName =
                     original.displayName || original.userId || '';
                 return (
-                    <span class="block w-full min-w-0 truncate">
+                    <span class="block w-full whitespace-normal break-words">
                         {original.type === 'DisplayName' ? (
                             <span class="mr-1">
                                 {original.previousDisplayName}

src/views/GameLog/columns.jsx

@@ -139,9 +139,9 @@ export const createColumns = ({ getCreatedAt, onDelete, onDeletePrompt }) => {
             id: 'detail',
             header: () => t('table.gameLog.detail'),
             enableSorting: false,
-            meta: {
-                class: 'min-w-0 overflow-hidden'
-            },
+        meta: {
+            class: 'min-w-[240px] overflow-hidden'
+        },
             cell: ({ row }) => {
                 const original = row.original;
                 if (original.type === 'Location') {

src/views/Moderation/columns.jsx

@@ -33,7 +33,7 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
         {
             accessorKey: 'created',
             meta: {
-                class: 'w-[140px]'
+                class: 'w-[90px]'
             },
             header: ({ column }) => (
                 <Button
@@ -68,7 +68,7 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
         {
             accessorKey: 'type',
             meta: {
-                class: 'w-[160px]'
+                class: 'w-[80px]'
             },
             header: () => t('table.moderation.type'),
             cell: ({ row }) => {
@@ -83,7 +83,7 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
         {
             accessorKey: 'sourceDisplayName',
             meta: {
-                class: 'w-[200px] min-w-0 overflow-hidden'
+                class: 'w-[120px] min-w-0 overflow-hidden'
             },
             header: () => t('table.moderation.source'),
             cell: ({ row }) => {
@@ -101,14 +101,14 @@ export const createColumns = ({ onDelete, onDeletePrompt }) => {
         {
             accessorKey: 'targetDisplayName',
             meta: {
-                class: 'min-w-0 overflow-hidden'
+                class: 'w-[200px]'
             },
             header: () => t('table.moderation.target'),
             cell: ({ row }) => {
                 const original = row.original;
                 return (
                     <span
-                        class="x-link block w-full min-w-0 truncate pr-2.5"
+                        class="x-link block w-full whitespace-normal break-words pr-2.5"
                         onClick={() => showUserDialog(original.targetUserId)}
                     >
                         {original.targetDisplayName}

src/views/PlayerList/PlayerList.vue

@@ -179,10 +179,12 @@
                 <PhotonEventTable @show-chatbox-blacklist="showChatboxBlacklistDialog" />
             </div>
 
-            <div class="current-instance-table flex min-h-0 flex-1">
+            <div class="current-instance-table flex min-h-0 min-w-0 flex-1">
                 <DataTableLayout
-                    class="[&_th]:px-2.5! [&_th]:py-0.75! [&_td]:px-2.5! [&_td]:py-0.75! [&_tr]:h-7!"
+                    class="min-w-0 w-full [&_th]:px-2.5! [&_th]:py-0.75! [&_td]:px-2.5! [&_td]:py-0.75! [&_tr]:h-7!"
                     :table="playerListTable"
+                    table-class="min-w-max w-max"
+                    :use-table-min-width="true"
                     :table-style="playerListTableStyle"
                     :loading="false"
                     :total-items="playerListTotalItems"

src/views/PlayerList/columns.jsx

@@ -147,7 +147,7 @@ export const createColumns = ({
             minSize: 200,
             enableSorting: false,
             meta: {
-                class: 'min-w-[200px]'
+                class: 'w-[200px]'
             },
             cell: ({ row }) => {
                 const userRef = row.original?.ref;