diff --git a/src/stylesheets/_table.scss b/src/stylesheets/_table.scss index 4dd83a2d..4271e241 100644 --- a/src/stylesheets/_table.scss +++ b/src/stylesheets/_table.scss @@ -90,7 +90,7 @@ content: none; } - .truncate-cell { + td.truncate-cell { max-width: 100%; overflow: hidden; text-overflow: ellipsis; @@ -127,37 +127,40 @@ } } -.tile-list { - .tile-list__title { - @include font-size-header-2; +.tile-table { + @extend .table; + @extend .table--responsive; - padding: 3.6rem 0 0 1.2rem; - } + tr.tile-table__tile { + @extend .tile; - .tile-list__table { - @extend .table; + border: none; + } - border-collapse: separate; - border-spacing: 0 1.2rem; + td.tile-table__tile-cell { + padding: 1.8rem 0.9rem; - tr { - @extend .tile; + @include respond-to(md) { + padding: 1.8rem 1.2rem; } - td { - padding: 1.8rem 0.9rem; - - @include respond-to(md) { - padding: 1.8rem 1.2rem; - } - } - td:first-child { + &:first-child { padding-left: 2.4rem; } - td:last-child { + &:last-child { padding-right: 2.4rem; } } + + tr.tile-table__spacer { + border: none; + } + + td.tile-table__spacer-cell { + border: none; + padding: 0.6rem 0; + } + }