From ce0fe4d6f250aff31b0b900697164cf99f73318a Mon Sep 17 00:00:00 2001
From: Simon Willison <swillison@gmail.com>
Date: Wed, 21 Apr 2021 09:47:36 -0700
Subject: [PATCH] Don't rearrange tables on mobile screens, closes #380

---
 vaccinate/templates/admin/base_site.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/vaccinate/templates/admin/base_site.html b/vaccinate/templates/admin/base_site.html
index 5436796..64669dd 100644
--- a/vaccinate/templates/admin/base_site.html
+++ b/vaccinate/templates/admin/base_site.html
@@ -69,18 +69,20 @@ <h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('D
 function resizeTable() {
   /* So Windows mouse users can see the horizontal scrollbar
      https://github.com/CAVaccineInventory/vial/issues/363 */
-  let container = document.querySelector("#changelist-form .results");
-  let paginator = document.querySelector("p.paginator");
-  if (!container || !paginator) {
-    return;
+  if (window.matchMedia('screen and (min-width: 800px)').matches) {
+    let container = document.querySelector("#changelist-form .results");
+    let paginator = document.querySelector("p.paginator");
+    if (!container || !paginator) {
+        return;
+    }
+    let height =
+        window.innerHeight -
+        container.getBoundingClientRect().top -
+        paginator.getBoundingClientRect().height -
+        10;
+    container.style.overflowY = "auto";
+    container.style.height = height + "px";
   }
-  let height =
-    window.innerHeight -
-    container.getBoundingClientRect().top -
-    paginator.getBoundingClientRect().height -
-    10;
-  container.style.overflowY = "auto";
-  container.style.height = height + "px";
 }
 
 window.addEventListener("load", () => {