From f00137c8ac2bdb9767733b0d72bf204b034644a7 Mon Sep 17 00:00:00 2001
From: Simon Willison <swillison@gmail.com>
Date: Sun, 20 May 2018 10:45:01 -0700
Subject: [PATCH] Only apply responsive table CSS to .rows-and-columns

---
 datasette/templates/query.html | 2 +-
 datasette/templates/row.html   | 2 +-
 datasette/templates/table.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/datasette/templates/query.html b/datasette/templates/query.html
index ba1b834a..c7d6c5a8 100644
--- a/datasette/templates/query.html
+++ b/datasette/templates/query.html
@@ -8,7 +8,7 @@
 <style>
 @media only screen and (max-width: 576px) {
 {% for column in columns %}
-    td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
+    .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
 {% endfor %}
 }
 </style>
diff --git a/datasette/templates/row.html b/datasette/templates/row.html
index 2217a4dc..4ef0b758 100644
--- a/datasette/templates/row.html
+++ b/datasette/templates/row.html
@@ -7,7 +7,7 @@
 <style>
 @media only screen and (max-width: 576px) {
 {% for column in columns %}
-    td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
+    .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column|escape_css_string }}"; }
 {% endfor %}
 }
 </style>
diff --git a/datasette/templates/table.html b/datasette/templates/table.html
index 7f2b2644..d72710bc 100644
--- a/datasette/templates/table.html
+++ b/datasette/templates/table.html
@@ -8,7 +8,7 @@
 <style>
 @media only screen and (max-width: 576px) {
 {% for column in display_columns %}
-    td:nth-of-type({{ loop.index }}):before { content: "{{ column.name|escape_css_string }}"; }
+    .rows-and-columns td:nth-of-type({{ loop.index }}):before { content: "{{ column.name|escape_css_string }}"; }
 {% endfor %}
 }
 </style>