From cf92eeac589d8f9fb1761d873e6dfb7661c868ad Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Fri, 6 Mar 2020 17:16:55 +0100
Subject: [PATCH] style: narrow table cell padding on mobile

---
 src/components/DataTable.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
index 5dc0528..57b1a2e 100644
--- a/src/components/DataTable.vue
+++ b/src/components/DataTable.vue
@@ -49,7 +49,11 @@ table {
 
   th,
   td {
-    padding: 0.5em 1em;
+    padding: 0.25em 0.5em;
+
+    @media (min-width: 35em) {
+      padding: 0.5em 1em;
+    }
   }
 }