change file-info modal window styles

src/app/ui/search/file-search-panel.tsx

@@ -6,8 +6,6 @@ import { useQueryClient } from '@tanstack/react-query';
 import { Pagination } from '@/app/components/Pagination';
 import { useTranslations } from 'next-intl';
 import { AllowedExtensions } from '@/app/ui/search/section-search-file';
-import { getFileType } from '@/app/lib/getFileType';
-
 export interface SearchItem {
 	url: string,
 	pageTitle: string,

src/app/ui/search/searched-user-files-list.tsx

@@ -49,13 +49,6 @@ export function SearchedUserFilesList({ list, allowedExtensions }: { list: FileI
 				<div
 					className="modal-window-view-file"
 				>
-					<div className="modal-window-view-file-header">
-						<div
-							className="modal-window-view-file-title"
-						>
-							{e.originalFileName}
-						</div>
-					</div>
 					<div
 						className="modal-window-view-file-content"
 					>
@@ -77,30 +70,36 @@ export function SearchedUserFilesList({ list, allowedExtensions }: { list: FileI
 									<h4>{t('file-information')}</h4>
 								</div>
 								<div className="info-item">
-									<span className="info-label">{t('id-in-the-system')}:</span>
-									<span className="info-value">
-										{e.supportId ? e.supportId : '#'}
-									</span>
+									<div className="info-label">{t('file-name')}:</div>
+									<div className="info-value">
+										{e.originalFileName ? e.originalFileName : '#'}
+									</div>
 								</div>
 								<div className="info-item">
-									<span className="info-label">{t('upload-date')}:</span>
-									<span className="info-value">
+									<div className="info-label">{t('id-in-the-system')}:</div>
+									<div className="info-value">
+										{e.supportId ? e.supportId : '#'}
+									</div>
+								</div>
+								<div className="info-item">
+									<div className="info-label">{t('upload-date')}:</div>
+									<div className="info-value">
 										{e.uploadDate ? formatDate(e.uploadDate) : '#'}
 										<br />
 										{e.uploadDate ? formatDateTime(e.uploadDate) : '#'}
-									</span>
+									</div>
 								</div>
 								<div className="info-item">
-									<span className="info-label">{t('file-size')}:</span>
-									<span className="info-value">
+									<div className="info-label">{t('file-size')}:</div>
+									<div className="info-value">
 										{convertBytes(e.fileSize)}
-									</span>
+									</div>
 								</div>
 								<div className="info-item">
-									<span className="info-label">{t('protection-status')}:</span>
-									<span className="info-value">
+									<div className="info-label">{t('protection-status')}:</div>
+									<div className="info-value">
 										{e.status ? t(e.status) : '#'}
-									</span>
+									</div>
 								</div>
 							</div>
 						</div>