From e0321db13d9ee0d9c73934b4075dd7fd35f24719 Mon Sep 17 00:00:00 2001 From: Andrew Seguin Date: Tue, 20 Mar 2018 14:47:28 -0700 Subject: [PATCH] fix(table): move padding from rows to cells (#10499) --- src/lib/table/table.scss | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/lib/table/table.scss b/src/lib/table/table.scss index cea1edc7734..edb02cee11a 100644 --- a/src/lib/table/table.scss +++ b/src/lib/table/table.scss @@ -19,7 +19,6 @@ $mat-row-horizontal-padding: 24px; border-bottom-width: 1px; border-bottom-style: solid; align-items: center; - padding: 0 $mat-row-horizontal-padding; box-sizing: border-box; // Workaround for https://goo.gl/pFmjJD in IE 11. Adds a pseudo @@ -32,8 +31,19 @@ $mat-row-horizontal-padding: 24px; } } +.mat-cell:first-child, .mat-header-cell:first-child { + padding-left: $mat-row-horizontal-padding; +} + +.mat-cell:last-child, .mat-header-cell:last-child { + padding-right: $mat-row-horizontal-padding; +} + .mat-cell, .mat-header-cell { flex: 1; + display: flex; + align-items: center; overflow: hidden; word-wrap: break-word; + min-height: inherit; }