set fixed width for document view table

src/app/styles/pages-styles.scss

@@ -910,13 +910,28 @@
 					}
 				}
 
-/* 				&:has(.column-location) {
-					width: 250px;
-				} */
+				&:has(.column-document) {
+					width: 35%;
+				}
 
+				&:has(.column-viewer-date) {
+					width: 15%;
+				}
+
+				&:has(.column-viewer) {
+					width: 25%;
+				}
+
+				&:has(.column-location) {
+					width: 25%;
+				}
+
+				.column-document,
+				.column-viewer-date,
+				.column-viewer,
 				.column-location {
-					width: 250px;
-					margin: 0 auto;
+					/* 					width: 250px;
+					margin: 0 auto; */
 					overflow: hidden;
 				}
 

src/app/ui/tracking-page/tracking-history-view.tsx

@@ -108,7 +108,7 @@ export function TrackingHistoryView() {
 			{
 				accessorKey: 'document',
 				header: ({ column }) => (
-					<div className="column">
+					<div className="column column-document">
 						<span>
 							{t('document')}
 						</span>
@@ -133,7 +133,7 @@ export function TrackingHistoryView() {
 					</div>
 				),
 				cell: ({ row }) => (
-					<div className="text-center table-item">
+					<div className="text-center table-item column-document">
 						{row.original.document}
 					</div>
 				),
@@ -141,7 +141,7 @@ export function TrackingHistoryView() {
 			{
 				accessorKey: 'view_date',
 				header: ({ column }) => (
-					<div className="column">
+					<div className="column column-viewer-date">
 						<span>
 							{t('date')} / {t('time')}
 						</span>
@@ -167,7 +167,7 @@ export function TrackingHistoryView() {
 				),
 				cell: ({ row }) => {
 					return (
-						<div className="text-center table-item">
+						<div className="text-center table-item column-viewer-date">
 							{row.original.view_date ? (
 								<>
 									{formatDate(row.original.view_date)}
@@ -186,7 +186,7 @@ export function TrackingHistoryView() {
 			{
 				accessorKey: 'viewer',
 				header: ({ column }) => (
-					<div className="column">
+					<div className="column column-viewer">
 						<span>
 							{t('who-opened')}
 						</span>
@@ -212,7 +212,7 @@ export function TrackingHistoryView() {
 				),
 				cell: ({ row }) => {
 					return (
-						<div className="text-center font-semibold table-item">
+						<div className="text-center font-semibold table-item column-viewer">
 							{row.original.viewer}
 						</div>
 					)