From 6df11a351b25dc3bffc81c9b50e49999ede6b95e Mon Sep 17 00:00:00 2001
From: Gregg Tavares <github@greggman.com>
Date: Mon, 22 Jan 2024 14:17:35 -0800
Subject: [PATCH] Try a different design for mobile

---
 index.html | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 4bdcf6e..d252056 100644
--- a/index.html
+++ b/index.html
@@ -162,6 +162,38 @@
 .copy {
   display: none;
 }
+
+@media (max-width: 520px) {
+  .limit>td:first-child,
+  .feature>td:first-child,
+  .worker>td:first-child {
+    padding-left: 0em;
+  }
+  .limit>td:nth-child(2),
+  .feature>td:nth-child(2),
+  .worker>td:nth-child(2) {
+    text-align: right;
+  }
+  .adapters,
+  .adapter,
+  table {
+    width: 100%;
+  }
+  tr {
+    display: flex;
+    max-width: 100%;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+  tr>td {
+    flex: 1 1 auto;
+  }
+  td[colspan]>div {
+    width: 100%;
+  }
+}
+
+
     </style>
     <style id="dynamic-style"></style>
   </head>
@@ -206,7 +238,7 @@ <h1><img src="webgpu-notext.svg" class="logo">WebGPU Report <div class="hide-on-
     top: auto;
 }
 
-@media screen and (min-width: 400px){
+@media screen and (min-width: 420px){
     #forkongithub{
         position: fixed;
         display: block;