set location column width

src/app/styles/pages-styles.scss

@@ -833,6 +833,10 @@
 						padding: 15px 16px;
 					}
 				}
+
+				&:has(.column-location) {
+					width: 250px;
+				}
 			}
 
 			.column {
@@ -906,6 +910,16 @@
 					}
 				}
 
+/* 				&:has(.column-location) {
+					width: 250px;
+				} */
+
+				.column-location {
+					width: 250px;
+					margin: 0 auto;
+					overflow: hidden;
+				}
+
 				.table-item-file-name-image-wrapper {
 					width: 40px;
 					height: 40px;

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

@@ -96,9 +96,9 @@ export function TrackingHistoryView() {
 
 		return (
 			<div>
-				{t('city')}: <strong>{translatedCity}</strong>
+				{t('city')}: <strong title={translatedCity}>{translatedCity}</strong>
 				<br />
-				{t('country')}: <strong>{translatedCountry}</strong>
+				{t('country')}: <strong title={translatedCountry}>{translatedCountry}</strong>
 			</div>
 		);
 	}
@@ -247,7 +247,7 @@ export function TrackingHistoryView() {
 				),
 				cell: ({ row }) => {
 					return (
-						<div className="text-center font-semibold table-item">
+						<div className="text-center font-semibold table-item column-location">
 							{row.original.country === 'unknow/unknow' ? (
 								t('not-defined')
 							) : (
@@ -260,7 +260,7 @@ export function TrackingHistoryView() {
 		],
 		[]
 	);
-	/* `${editLocationName(row.original.country)}` */
+
 	// Создание таблицы
 	const table = useReactTable({
 		data: tableData,