From 79ca654d456c194e490f9da5d9589fd7702662ab Mon Sep 17 00:00:00 2001
From: goodm2ice <hamel2517@gmail.com>
Date: Wed, 2 Mar 2022 17:02:43 +0500
Subject: [PATCH] =?UTF-8?q?=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=BE=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20IEBar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/WellOperations/ImportExportBar.jsx |  4 ++--
 src/pages/WellOperations/index.jsx           | 21 +++++++++++---------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/pages/WellOperations/ImportExportBar.jsx b/src/pages/WellOperations/ImportExportBar.jsx
index 9e5f846..34fe7d8 100644
--- a/src/pages/WellOperations/ImportExportBar.jsx
+++ b/src/pages/WellOperations/ImportExportBar.jsx
@@ -21,7 +21,7 @@ export const ImportExportBar = memo(({ idWell, onImported, disabled }) => {
   }
 
   return (
-    <>
+    <div>
       <Tooltip title={'Импорт - загрузить файл с операциями на сервер'}>
         <Button
           disabled={!hasPermission('WellOperation.edit') || disabled}
@@ -50,7 +50,7 @@ export const ImportExportBar = memo(({ idWell, onImported, disabled }) => {
       >
         <ImportOperations idWell={idWell} onDone={onDone} />
       </Modal>
-    </>
+    </div>
   )
 })
 
diff --git a/src/pages/WellOperations/index.jsx b/src/pages/WellOperations/index.jsx
index 082d138..cabc4d5 100644
--- a/src/pages/WellOperations/index.jsx
+++ b/src/pages/WellOperations/index.jsx
@@ -1,5 +1,5 @@
 import { memo, useCallback } from 'react'
-import { Layout, Menu } from 'antd'
+import { Layout, Menu, Popover } from 'antd'
 import { Switch, useParams, useHistory, useLocation } from 'react-router-dom'
 import {
   BarChartOutlined,
@@ -17,6 +17,7 @@ import { WellDrillParams } from './WellDrillParams'
 import { DrillProcessFlow } from './DrillProcessFlow'
 import { WellSectionsStat } from './WellSectionsStat'
 import { WellOperationsEditor } from './WellOperationsEditor'
+import { Flex } from '@asb/components/Grid'
 
 const { Content } = Layout
 
@@ -34,15 +35,17 @@ export const WellOperations = memo(({ idWell }) => {
 
   return(
     <>
-      <Menu mode={'horizontal'} selectable={true} className={'well_menu'} selectedKeys={[tab]}>
-        <PrivateMenuItemLink root={rootPath} icon={<LineChartOutlined />} key={'tvd'} path={'tvd'} title={'TVD'} />
-        <PrivateMenuItemLink root={rootPath} icon={<BuildOutlined />} key={'sections'} path={'sections'} title={'Секции'} />
-        <PrivateMenuItemLink root={rootPath} icon={<TableOutlined />} key={'plan'} path={'plan'} title={'План'} />
-        <PrivateMenuItemLink root={rootPath} icon={<TableOutlined />} key={'fact'} path={'fact'} title={'Факт'} />
-        <PrivateMenuItemLink root={rootPath} icon={<BarChartOutlined />} key={'drillProcessFlow'} path={'drillProcessFlow'} title={'РТК'} />
-        <PrivateMenuItemLink root={rootPath} icon={<ControlOutlined />} key={'params'} path={'params'} title={'Режимы'} />
+      <Flex style={{ width: '100%' }}>
+        <Menu mode={'horizontal'} selectable={true} className={'well_menu'} selectedKeys={[tab]} style={{ flex: 1 }}>
+          <PrivateMenuItemLink root={rootPath} icon={<LineChartOutlined />} key={'tvd'} path={'tvd'} title={'TVD'} />
+          <PrivateMenuItemLink root={rootPath} icon={<BuildOutlined />} key={'sections'} path={'sections'} title={'Секции'} />
+          <PrivateMenuItemLink root={rootPath} icon={<TableOutlined />} key={'plan'} path={'plan'} title={'План'} />
+          <PrivateMenuItemLink root={rootPath} icon={<TableOutlined />} key={'fact'} path={'fact'} title={'Факт'} />
+          <PrivateMenuItemLink root={rootPath} icon={<BarChartOutlined />} key={'drillProcessFlow'} path={'drillProcessFlow'} title={'РТК'} />
+          <PrivateMenuItemLink root={rootPath} icon={<ControlOutlined />} key={'params'} path={'params'} title={'Режимы'} />
+        </Menu>
         <ImportExportBar idWell={idWell} disabled={isIEBarDisabled} onImported={onImported}/>
-      </Menu>
+      </Flex>
       <Layout>
         <Content className={'site-layout-background'}>
           <Switch>