From d4e44b888ee3d89a239429f9781dd0c48ee76a1d Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Sat, 16 Oct 2021 01:26:03 -0500
Subject: [PATCH] detect window resize

---
 src/views/mod-tools/views/chatlog/ChatlogView.scss | 2 +-
 src/views/mod-tools/views/chatlog/ChatlogView.tsx  | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/mod-tools/views/chatlog/ChatlogView.scss b/src/views/mod-tools/views/chatlog/ChatlogView.scss
index 6d9ceb16..662d0c7a 100644
--- a/src/views/mod-tools/views/chatlog/ChatlogView.scss
+++ b/src/views/mod-tools/views/chatlog/ChatlogView.scss
@@ -1,5 +1,6 @@
 .chatlog-messages {
     color: $black;
+    min-width: 400px;
 
     $username-col-width: 100px;
 
@@ -9,7 +10,6 @@
 
     .chatlog {
         min-height: 200px;
-        min-width: 400px;
 
         .chatlog-container {
             color: $black;
diff --git a/src/views/mod-tools/views/chatlog/ChatlogView.tsx b/src/views/mod-tools/views/chatlog/ChatlogView.tsx
index 64e9a9ca..78b3dd07 100644
--- a/src/views/mod-tools/views/chatlog/ChatlogView.tsx
+++ b/src/views/mod-tools/views/chatlog/ChatlogView.tsx
@@ -21,7 +21,7 @@ export const ChatlogView: FC<ChatlogViewProps> = props =>
                 rowIndex={props.index}
             >
                 <div key={props.key} style={props.style} className="row chatlog-entry justify-content-start">
-                    <div className="col-md-auto text-center">{item.timestamp}</div>
+                    <div className="col-auto text-center">{item.timestamp}</div>
                     <div className="col-sm-2 justify-content-start username"><span className="fw-bold cursor-pointer" onClick={() => SendMessageHook(new UserProfileComposer(item.userId))}>{item.userName}</span></div>
                     <div className="col justify-content-start h-100"><span className="text-break text-wrap h-100">{item.message}</span></div>
                 </div>
@@ -38,7 +38,7 @@ export const ChatlogView: FC<ChatlogViewProps> = props =>
         <>
             {record && <div className="chatlog-messages w-100 h-100 overflow-hidden">
                 <div className="row align-items-start w-100">
-                    <div className="col-md-auto text-center fw-bold">Time</div>
+                    <div className="col-auto text-center fw-bold">Time</div>
                     <div className="col-sm-2 username-label fw-bold">User</div>
                     <div className="col fw-bold">Message</div>
                 </div>
@@ -46,6 +46,8 @@ export const ChatlogView: FC<ChatlogViewProps> = props =>
                     <AutoSizer defaultWidth={400} defaultHeight={200}>
                         {({ height, width }) => 
                         {
+                            cache.clearAll();
+                            
                             return (
                                 <List
                                     width={width}