Change table layout.

Dynamically resizing is a pain in the ass and not portable.
This commit is contained in:
Danila Fedorin 2018-12-13 17:53:57 -08:00
parent d95e383fb1
commit 2c99d10075

View File

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