Merge pull request #95 from Ultimaker/Improve-tile-table

Improve tile table

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;
+    }
+
 }