From 9788704a063ca61ad37dd6b2564e121e309a4daf Mon Sep 17 00:00:00 2001
From: HF <hf@pixelplanet.fun>
Date: Sun, 14 Aug 2022 01:37:54 +0200
Subject: [PATCH] add title to name and change max-width

---
 src/components/ChatMessage.jsx | 1 +
 src/styles/default.css         | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ChatMessage.jsx b/src/components/ChatMessage.jsx
index f32ab0d..45a399f 100644
--- a/src/components/ChatMessage.jsx
+++ b/src/components/ChatMessage.jsx
@@ -63,6 +63,7 @@ function ChatMessage({
                   cursor: 'pointer',
                 }}
                 role="button"
+                title={name}
                 tabIndex={-1}
                 onClick={(event) => {
                   const {
diff --git a/src/styles/default.css b/src/styles/default.css
index 7fb5568..a29cb86 100644
--- a/src/styles/default.css
+++ b/src/styles/default.css
@@ -690,7 +690,7 @@ tr:nth-child(even) {
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;
-  max-width: 80px; 
+  max-width: 95px; 
   vertical-align: middle;
   overflow: hidden;
 }
@@ -698,7 +698,7 @@ tr:nth-child(even) {
   text-overflow: ellipsis;
   white-space: nowrap;
   display: inline-block;
-  max-width: 90px; 
+  max-width: 85px; 
   vertical-align: middle;
   overflow: hidden;
 }
@@ -711,7 +711,7 @@ tr:nth-child(even) {
 .chatmsg {
   font-size: 13px;
   user-select: text;
-  padding: 2px 0 2px 2px;
+  padding: 3px 0 3px 2px;
 }
 .chatmsg:hover {
   background-color: #dadada;