edit filter styles

src/app/components/tanstak-table/TanstakTable.tsx

@@ -422,7 +422,7 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 				cell: ({ row }) => (
 					<div className="actions">
 						<div className="actions-group">
-{/* 							<button
+							{/* 							<button
 								onClick={() => handleMonitoring(row.original)}
 								className="bg-violet-500 hover:bg-violet-600"
 								title={t('monitoring')}
@@ -729,20 +729,25 @@ export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 					)}
 				</div>
 
-				<div className="table-filtres-item">
+				<div
-					<div className="table-filtres-label">{t('items-per-page')}:</div>
+					className="table-filtres-wrapper"
-					<DropDownList
+				>
-						value={table.getState().pagination.pageSize}
+					<div className="table-filtres-item">
-						//@ts-ignore сделал так потому что для table.setPageSize нужна цифра
+						<div className="table-filtres-label">{t('items-per-page')}:</div>
-						callBack={table.setPageSize}
+						<DropDownList
-					>
+							value={table.getState().pagination.pageSize}
-						{[5, 10, 20, 50, 100].map(pageSize => (
+							//@ts-ignore сделал так потому что для table.setPageSize нужна цифра
-							<li key={pageSize} value={pageSize}>
+							callBack={table.setPageSize}
-								{t('show')} {pageSize}
+						>
-							</li>
+							{[5, 10, 20, 50, 100].map(pageSize => (
-						))}
+								<li key={pageSize} value={pageSize}>
-					</DropDownList>
+									{t('show')} {pageSize}
+								</li>
+							))}
+						</DropDownList>
+					</div>
 				</div>
+
 			</div>
 
 			{/* Таблица */}