From 17bd8a11c8d73dbdb37c1b99280d143f8190ff16 Mon Sep 17 00:00:00 2001
From: Wroud <wrouds@gmail.com>
Date: Fri, 9 Jul 2021 16:54:04 +0300
Subject: [PATCH] chore(core-app): CB-1017 log entry style

---
 .../core-app/src/shared/ToolsPanel/LogViewer/LogEntry.tsx | 3 +--
 .../src/shared/ToolsPanel/LogViewer/LogViewerTable.tsx    | 8 ++------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogEntry.tsx b/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogEntry.tsx
index 8344ac2a10..70f0140364 100644
--- a/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogEntry.tsx
+++ b/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogEntry.tsx
@@ -77,8 +77,7 @@ export const LogEntry: React.FC<Props> = observer(function LogEntry({
 
   return styled(useStyles(style))(
     <tr className={className} {...use({ selected })}>
-      <td><icon-box>{icon && <IconOrImage icon={icon} />}</icon-box></td>
-      <td>{item.type}</td>
+      <td title={item.type}><icon-box>{icon && <IconOrImage icon={icon} />}</icon-box></td>
       <td>{item.time}</td>
       <td>
         <message-cell>
diff --git a/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogViewerTable.tsx b/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogViewerTable.tsx
index 2285bb346c..892e47e165 100644
--- a/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogViewerTable.tsx
+++ b/webapp/packages/core-app/src/shared/ToolsPanel/LogViewer/LogViewerTable.tsx
@@ -18,7 +18,7 @@ import { LogEntry } from './LogEntry';
 
 const styles = composes(
   css`
-    type, timestamp, message {
+    icon, timestamp, message {
       composes: theme-border-color-background from global;
     }
   `,
@@ -43,7 +43,7 @@ const styles = composes(
     tr {
       border-top: 1px solid;
     }
-    type, timestamp, message {
+    icon, timestamp, message {
       box-sizing: border-box;
       white-space: nowrap;
       padding: 16px;
@@ -57,9 +57,6 @@ const styles = composes(
     icon {
       width: 32px;
     }
-    type {
-      width: 80px;
-    }
     timestamp {
       width: 180px;
     }
@@ -89,7 +86,6 @@ export const LogViewerTable: React.FC<Props> = observer(function LogViewerTable(
           <thead>
             <tr>
               <icon as='th' />
-              <type as='th'>{translate('app_log_view_entry_type')}</type>
               <timestamp as='th'>{translate('app_log_view_entry_timestamp')}</timestamp>
               <message as='th'>{translate('app_log_view_entry_message')}</message>
             </tr>