From 76d3fb80e3c8d9a0f2ee4c02ae269ea49edb17fe Mon Sep 17 00:00:00 2001
From: Paul Clarke <paul@silverstripe.com>
Date: Mon, 31 Oct 2016 13:36:41 +1300
Subject: [PATCH] Nicer pattern for showing list view of pages

---
 admin/client/dist/styles/bundle.css           |  4 ++--
 .../src/components/GridField/GridField.scss   | 23 +++++++++----------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/admin/client/dist/styles/bundle.css b/admin/client/dist/styles/bundle.css
index 574da1102..53a3f14d2 100644
--- a/admin/client/dist/styles/bundle.css
+++ b/admin/client/dist/styles/bundle.css
@@ -15350,11 +15350,11 @@ div.grid-field__sort-field+.form__fieldgroup-item{
 }
 
 @media (max-width:767px){
-  :not(div.cms-list) .grid-field__table td,:not(div.cms-list) .grid-field__table th{
+  .grid-field__table td,.grid-field__table th{
     display:none;
   }
 
-  :not(div.cms-list) .grid-field__table td.grid-field__action-placeholder,:not(div.cms-list) .grid-field__table td.grid-field__cell--actions,:not(div.cms-list) .grid-field__table td:first-child,:not(div.cms-list) .grid-field__table th.grid-field__action-placeholder,:not(div.cms-list) .grid-field__table th.grid-field__cell--actions,:not(div.cms-list) .grid-field__table th:first-child{
+  .cms-list .grid-field__table td,.cms-list .grid-field__table th,.grid-field__table td.grid-field__action-placeholder,.grid-field__table td.grid-field__cell--actions,.grid-field__table td:first-child,.grid-field__table th.grid-field__action-placeholder,.grid-field__table th.grid-field__cell--actions,.grid-field__table th:first-child{
     display:table-cell;
   }
 }
diff --git a/admin/client/src/components/GridField/GridField.scss b/admin/client/src/components/GridField/GridField.scss
index 724839912..65af79cbd 100644
--- a/admin/client/src/components/GridField/GridField.scss
+++ b/admin/client/src/components/GridField/GridField.scss
@@ -241,20 +241,19 @@ div.grid-field__sort-field + .form__fieldgroup-item {
 
 // Responsive grid-field
 // Todo: add .text-truncate for overflowing cells
-:not(div.cms-list) {
-  @include media-breakpoint-down(sm) {
-    .grid-field__table td,
-    .grid-field__table th {
-      display: none;
+@include media-breakpoint-down(sm) {
+  .grid-field__table td,
+  .grid-field__table th {
+    display: none;
 
-      &:first-child {
-        display: table-cell;
-      }
+    &:first-child,
+    .cms-list &  {
+      display: table-cell;
+    }
 
-      &.grid-field__cell--actions,
-      &.grid-field__action-placeholder {
-        display: table-cell;
-      }
+    &.grid-field__cell--actions,
+    &.grid-field__action-placeholder {
+      display: table-cell;
     }
   }
 }