From 8ade639e0e01b0cdcf43c0323ca54a1bcbb10e46 Mon Sep 17 00:00:00 2001
From: goodmice <av.sirotkin@autodrilling.ru>
Date: Mon, 15 Aug 2022 12:35:31 +0500
Subject: [PATCH] =?UTF-8?q?=D0=98=D0=B7=D0=BC=D0=B5=D0=BD=D1=91=D0=BD=20?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=B4=20=D1=82=D1=83=D0=BB=D1=82=D0=B8=D0=BF=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../d3/monitoring/D3MonitoringLimitChart.tsx  | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/d3/monitoring/D3MonitoringLimitChart.tsx b/src/components/d3/monitoring/D3MonitoringLimitChart.tsx
index e5f9be0..be88683 100644
--- a/src/components/d3/monitoring/D3MonitoringLimitChart.tsx
+++ b/src/components/d3/monitoring/D3MonitoringLimitChart.tsx
@@ -74,7 +74,7 @@ export type D3MonitoringLimitChartProps<DataType> = {
     zoneWidth?: number
 }
 
-const tooltipWidth = 300
+const tooltipWidth = 270
 const tooltipHeight = 120
 
 const _D3MonitoringLimitChart = <DataType extends TelemetryDataSaubDto>({
@@ -139,18 +139,18 @@ const _D3MonitoringLimitChart = <DataType extends TelemetryDataSaubDto>({
             <rect x={0} y={0} width={width} height={height} />
             {selected && (
                 <foreignObject width={tooltipWidth} height={tooltipHeight} x={selected.x} y={selected.y} pointerEvents={'none'}>
-                    <div className={'tooltip bottom'} style={tooltipStyle}>
-                        <Grid>
-                            <GridItem row={1} col={1}>Регулятор:</GridItem>
-                            <GridItem row={1} col={2}>{regulators[selected.id].label}</GridItem>
-                            <GridItem row={2} col={1}>Начало:</GridItem>
-                            <GridItem row={2} col={2}>{formatDate(selected.dateStart)}</GridItem>
-                            <GridItem row={2} col={3}>{selected.depthStart?.toFixed(2) ?? '---'}</GridItem>
+                    <div className={'tooltip bottom'} style={{ ...tooltipStyle, display: 'flex', flexDirection: 'column', alignItems: 'center'}}>
+                        <span>Ограничивающий параметр</span>
+                        <span>{regulators[selected.id].label}</span>
+                        <Grid style={{ margin: 0 }}>
+                            <GridItem row={1} col={1}>Начало:</GridItem>
+                            <GridItem row={1} col={2}>{formatDate(selected.dateStart)}</GridItem>
+                            <GridItem row={1} col={3}>{selected.depthStart?.toFixed(2) ?? '---'}</GridItem>
+                            <GridItem row={1} col={4}>м.</GridItem>
+                            <GridItem row={2} col={1}>Конец:</GridItem>
+                            <GridItem row={2} col={2}>{formatDate(selected.dateEnd)}</GridItem>
+                            <GridItem row={2} col={3}>{selected.depthEnd?.toFixed(2) ?? '---'}</GridItem>
                             <GridItem row={2} col={4}>м.</GridItem>
-                            <GridItem row={3} col={1}>Конец:</GridItem>
-                            <GridItem row={3} col={2}>{formatDate(selected.dateEnd)}</GridItem>
-                            <GridItem row={3} col={3}>{selected.depthEnd?.toFixed(2) ?? '---'}</GridItem>
-                            <GridItem row={3} col={4}>м.</GridItem>
                         </Grid>
                     </div>
                 </foreignObject>