From be3956f90291da84bbdbaf72fa2fd6a723c854fa Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Mon, 26 Oct 2026 11:11:04 +0800
Subject: [PATCH] style: hide back-to-top label on phones
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

On phones the "Top ↑" header button was wider than the row arrows, so it set the arrow column's width and left a wide gap between the downloads number and the arrow.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css               | 4 +++-
 website/templates/_projects_table.html | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index 75b0de84..f8eca400 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -1906,7 +1906,9 @@ th[data-sort].sort-asc::after {
 
   .col-num,
   .col-cat,
-  .group-count {
+  .group-count,
+  /* Leaves the arrow column as narrow as the row arrows */
+  .back-to-top-label {
     display: none;
   }
 
diff --git a/website/templates/_projects_table.html b/website/templates/_projects_table.html
index 193000e3..0152e5ec 100644
--- a/website/templates/_projects_table.html
+++ b/website/templates/_projects_table.html
@@ -53,7 +53,7 @@
           <th class="col-cat">Tags</th>
           <th class="col-arrow">
             <button class="back-to-top" aria-label="Back to top">
-              Top &uarr;
+              <span class="back-to-top-label">Top</span> &uarr;
             </button>
           </th>
         </tr>