Styles styels styles

frontend/src/config/pages/ideas.config.tsx

@@ -9,7 +9,7 @@ import {
   titleColumn,
   sectorColumn,
   statusColumn,
-  createdColumn,
+  createdWithActionsColumn,
 } from '../snippets/columns.snippets';
 import Badge from '../../components/ui/badge/Badge';
 import { formatRelativeDate } from '../../utils/date';
@@ -98,6 +98,7 @@ export const createIdeasPageConfig = (
         label: 'Content Idea Title',
         sortable: true,
         sortField: 'idea_title',
+        width: '400px',
         toggleable: true, // Enable toggle for this column
         toggleContentKey: 'description', // Use description field for toggle content
         toggleContentLabel: 'Content Outline', // Label for expanded content
@@ -119,7 +120,6 @@ export const createIdeasPageConfig = (
         label: 'Structure',
         sortable: false, // Backend doesn't support sorting by content_structure
         sortField: 'content_structure',
-        width: '130px',
         render: (value: string) => {
           const label = value?.replace('_', ' ') || '-';
           const properCase = label.split(/[_\s]+/).map(word => 
@@ -137,7 +137,6 @@ export const createIdeasPageConfig = (
         label: 'Type',
         sortable: false, // Backend doesn't support sorting by content_type
         sortField: 'content_type',
-        width: '110px',
         render: (value: string) => {
           const label = value?.replace('_', ' ') || '-';
           const properCase = label.charAt(0).toUpperCase() + label.slice(1);
@@ -152,9 +151,8 @@ export const createIdeasPageConfig = (
         key: 'target_keywords',
         label: 'Keywords',
         sortable: false,
-        width: '250px',
         render: (value: string) => (
-          <span className="text-sm text-gray-600 dark:text-gray-400 truncate block max-w-[250px]">
+          <span className="text-sm text-gray-600 dark:text-gray-400">
             {value || '-'}
           </span>
         ),
@@ -164,7 +162,6 @@ export const createIdeasPageConfig = (
         label: 'Cluster',
         sortable: false, // Backend doesn't support sorting by keyword_cluster_id
         sortField: 'keyword_cluster_id',
-        width: '200px',
         render: (_value: string, row: ContentIdea) => {
           if (row.keyword_cluster_id && row.keyword_cluster_name) {
             return (
@@ -202,14 +199,15 @@ export const createIdeasPageConfig = (
         label: 'Words',
         sortable: true,
         sortField: 'estimated_word_count',
-        width: '100px',
         align: 'center' as const,
+        headingAlign: 'center' as const,
         render: (value: number) => value.toLocaleString(),
       },
       {
-        ...createdColumn,
+        ...createdWithActionsColumn,
         sortable: true,
         sortField: 'created_at',
+        width: '130px',
         render: (value: string) => formatRelativeDate(value),
       },
       // Optional columns - hidden by default