From 15378594cec7bad23e06ae7ea037da6b34f1beef Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 11 Jun 2019 15:35:43 -0400
Subject: [PATCH] fix: table style

---
 src/ui/scss/component/_table.scss | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/ui/scss/component/_table.scss b/src/ui/scss/component/_table.scss
index 07d8ca9f6..f822edadb 100644
--- a/src/ui/scss/component/_table.scss
+++ b/src/ui/scss/component/_table.scss
@@ -11,15 +11,30 @@ table,
   }
 }
 
+td {
+  max-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+tr {
+  padding: 0 var(--spacing-small);
+}
+
 .table__item--actionable {
   .button svg {
     top: 3px;
   }
 }
 
+.table__item-label {
+  font-size: 0.9em;
+  font-weight: 300;
+}
+
 .table--help {
   td:nth-of-type(1) {
-    font-weight: 600;
     min-width: 130px;
   }
 
@@ -30,20 +45,6 @@ table,
 
 .table--transactions {
   table-layout: fixed;
-
-  td:nth-of-type(1) {
-    // TX amounts
-    font-size: 0.9em;
-    font-weight: 600;
-  }
-
-  td:nth-of-type(3) {
-    // Only add ellipsis to the links in the table
-    // We still want to show the entire message if a TX includes one
-    @include constrict(10rem);
-    vertical-align: bottom;
-    display: inline-block;
-  }
 }
 
 .table--rewards {