From 2c99d10075f3e9ce7bd35c7d388411e10ad83348 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Thu, 13 Dec 2018 17:53:57 -0800
Subject: [PATCH] Change table layout. Dynamically resizing is a pain in the
 ass and not portable.

---
 static/scss/style.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/static/scss/style.scss b/static/scss/style.scss
index 00164bb..1486c4d 100644
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -147,6 +147,7 @@ div.events-wrapper {
 table.events-table {
     border-collapse: collapse;
     width: 100%;
+    table-layout: fixed;
 
     td {
         padding: 5px;
@@ -154,7 +155,8 @@ table.events-table {
     }
 
     td:nth-child(1) {
-        width: 0px;
+        width: 10%;
+        max-width: 100px;
         white-space: nowrap;
     }
 
@@ -171,8 +173,9 @@ span.sender-wrapper {
     box-sizing: border-box;
     text-align: center;
     width: 100%;
-    max-width: 100px;
     text-overflow: ellipsis;
+    overflow: hidden;
+    vertical-align: bottom; /* Fix for overflow changing element height */
 }
 
 /**