web/src/components/common/PaginatedList.jsx

@@ -4,8 +4,6 @@ import { exportBulkForms, exportSingleForm } from '../../utils/exportFile';
 import { ExportExitButton, ExportWithTextButton } from './Buttons/ButtonsActions';
 import { CardsSkeleton, TaskCardsSkeleton } from './Skeleton';
 
-const exportButtonSx = { height: '2.5rem', minHeight: '2.5rem', whiteSpace: 'nowrap' };
-
 /**
  *
  * @param {Object} props
@@ -99,18 +97,19 @@ export function PaginatedList({
 		<Box sx={{ display: 'flex', flexDirection: 'column', height: '100%', width: '100%' }}>
 			{/* Верхняя панель с экспортом и дополнительными действиями */}
 			{enableExport && (
-				<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: '1rem', mb: '1rem' }}>
+				<Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
 					<div>{filterActions}</div>
-					<Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', flexWrap: 'wrap', gap: '1rem', ml: 'auto' }}>
+					<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: '1rem' }}>
 						{exportMode && (
-							<Typography variant='body2' color='textSecondary' sx={{ display: 'flex', alignItems: 'center', minHeight: '2.5rem', whiteSpace: 'nowrap' }}>
+							<Typography variant='body2' color='textSecondary'>
 								Выделено {entityName}: {exportList.length}
 							</Typography>
 						)}
-						<Stack direction='row' spacing='0.5rem' alignItems='center'>
+						<Box sx={{ flex: 1 }} />
+						<Stack direction='row' spacing='0.5rem'>
 							{!exportMode ? (
 								<>
-									<ExportWithTextButton text='Пакетный экспорт' onClick={() => setExportMode(true)} sx={exportButtonSx} />
+									<ExportWithTextButton text='Пакетный экспорт' onClick={() => setExportMode(true)} sx={{ height: '2.5rem' }} />
 									{extraActions}
 								</>
 							) : (
@@ -119,9 +118,9 @@ export function PaginatedList({
 										text='Экспортировать'
 										onClick={handleBulkExport}
 										disabled={exportList.length === 0}
-										sx={exportButtonSx}
+										sx={{ height: '2.5rem' }}
 									/>
-									<ExportExitButton onClick={() => setExportMode(false)} sx={exportButtonSx} />
+									<ExportExitButton onClick={() => setExportMode(false)} />
 								</>
 							)}
 						</Stack>

web/src/pages/DictsNavigatorPage/DictsNavigatorPage.jsx

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 import { useNavigate } from 'react-router-dom';
 
+import { Stack } from '@mui/material';
 import { HeaderSwitch } from '../../components/HeaderMenu/HeaderSwitch';
 import { PrimaryButton } from '../../components/common/Buttons/Buttons';
 import { TransitionSvg } from '../../components/common/icons/icons';
@@ -95,15 +96,17 @@ function DictsNavigatorPage() {
                 <FeatureItem>Отслеживание метаданных филиалов</FeatureItem>
                 <FeatureItem>Удобная табличная форма представления данных</FeatureItem>
               </FeatureList>
-              <PrimaryButton
+              <PrimaryButton sx={{ height: '2.75rem' }} onClick={handleNavigateToVSP}>
+                <Stack
                   sx={{
-                  height: '2.75rem',
+                    gap: '.25rem',
-                  '& .MuiButton-startIcon': { alignItems: 'center', marginLeft: 0, marginRight: '0.375rem' },
+                    flexDirection: 'row',
-                  '& .MuiButton-startIcon svg': { display: 'block', flexShrink: 0 },
+                    alignItems: 'center',
-                }}
+                    justifyContent: 'center',
-                startIcon={<TransitionSvg />}
+                  }}>
-                onClick={handleNavigateToVSP}>
+                  <TransitionSvg />
-                Открыть справочник объектов
+                  <p>Открыть справочник объектов</p>
+                </Stack>
               </PrimaryButton>
             </CardContent>
           </Card>