From 5e4cb3cce4bbf348b0a06cc81477443db167a8a8 Mon Sep 17 00:00:00 2001
From: ngfrolov <ng.frolov@autodrilling.ru>
Date: Thu, 16 Jun 2022 11:31:53 +0500
Subject: [PATCH] nit. Edit messages style

---
 src/pages/Telemetry/Messages.jsx | 11 ++++++++---
 src/styles/message.css           | 12 +++++++++++-
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/pages/Telemetry/Messages.jsx b/src/pages/Telemetry/Messages.jsx
index 777808d..55e96ef 100755
--- a/src/pages/Telemetry/Messages.jsx
+++ b/src/pages/Telemetry/Messages.jsx
@@ -10,6 +10,7 @@ import { makeColumn, makeDateColumn, makeNumericColumn, makeNumericSorter, makeT
 import { wrapPrivateComponent } from '@utils'
 import { MessageService } from '@api'
 
+import {LinkOutlined} from '@ant-design/icons'
 import '@styles/message.css'
 
 const pageSize = 26
@@ -29,9 +30,13 @@ export const makeMessageColumns = (idWell) => [
   makeDateColumn('Дата', 'date', undefined, undefined, { width: '10rem' }),
   makeNumericColumn('Глубина, м', 'wellDepth', null, null, (depth, item) => (
     <Tooltip title={'Нажмите для перехода в архив'}>
-      <Link style={{ color: 'inherit', textDecoration: 'underline' }} to={`/well/${idWell}/telemetry/archive?range=1800&start=${moment(item?.date).subtract(3, 'minute').local().toISOString()}`}>
-        {depth.toFixed(2)}
-      </Link>
+      <Link 
+        style={{ color: 'inherit'}} 
+        to={`/well/${idWell}/telemetry/archive?range=1800&start=${moment(item?.date).subtract(3, 'minute').local().toISOString()}`}>          
+          <LinkOutlined />
+          &nbsp;
+          {depth.toFixed(2)}
+        </Link>
     </Tooltip>
   ), '7rem'),
   makeColumn('Категория', 'categoryId', {
diff --git a/src/styles/message.css b/src/styles/message.css
index 39f99d6..f4e4e33 100755
--- a/src/styles/message.css
+++ b/src/styles/message.css
@@ -1,9 +1,19 @@
 .event_message > td {
   font-size: 14px;
-  padding: 1px !important;
+  padding: 1px 4px !important;
   border-bottom: 1px !important;
 }
 
+.event_message .anticon{
+  display: none;
+}
+.event_message:hover a{
+  text-decoration: underline;
+}
+.event_message:hover .anticon{
+  display: inherit;
+}
+
 .event_message_off {
   color: #505050;
   background: #b5b5b5;