diff --git a/core/themes/bartik/css/components/table.css b/core/themes/bartik/css/components/table.css
index 18aedbc..c226244 100644
--- a/core/themes/bartik/css/components/table.css
+++ b/core/themes/bartik/css/components/table.css
@@ -59,12 +59,60 @@ tr th {
   td.priority-medium {
     display: none;
   }
+  .mobile-table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+  }
+  .mobile-table th {
+    display: none;
+  }
+  .mobile-table td {
+    display: block;
+    border: none;
+  }
+  .mobile-table td:before {
+    content: attr(data-th)" ";
+    font-weight: bold;
+    width: 8em;
+    display: inline-block;
+  }
 }
 @media screen and (max-width: 60em) { /* 920px */
   th.priority-low,
   td.priority-low {
     display: none;
   }
+  .responsive-enabled.is-collapsed {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+  }
+  .responsive-enabled.is-collapsed th {
+    display: none;
+  }
+  .responsive-enabled.is-collapsed td {
+    display: block;
+    border: none;
+  }
+  .responsive-enabled.is-collapsed td:before {
+    content: attr(data-th)" ";
+    font-weight: bold;
+    width: 8em;
+    display: inline-block;
+  }
+
+  /* A few overrides to cover some edge cases. */
+  .responsive-enabled.is-collapsed .form-item {
+    display: inline-block;
+  }
+  .responsive-enabled.is-collapsed .dropbutton-wrapper {
+    width: auto;
+    display: inline-block
+  }
+  .touch .responsive-enabled.is-collapsed .draggable td {
+    padding: 10px 12px;
+  }
 }
 table ul.links {
   margin: 0;