From b61ff9b697305bc69bac8969e8ea9895e66d3378 Mon Sep 17 00:00:00 2001
From: Steven Vandevelde <steven@tokono.ma>
Date: Sun, 22 Mar 2026 20:02:31 +0100
Subject: [PATCH] chore: mobile tweaks

---
 src/_data/facets.json         |  3 +--
 src/common/pages/dashboard.js |  2 +-
 src/common/pages/grid.js      |  2 +-
 src/styles/diffuse/page.css   | 11 ++++++++++-
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/_data/facets.json b/src/_data/facets.json
index b6a5b0b2..c1251b06 100644
--- a/src/_data/facets.json
+++ b/src/_data/facets.json
@@ -27,7 +27,7 @@
     "kind": "prelude",
     "category": "Data",
     "featured": true,
-    "desc": "Store tracks locally for offline usage automatically after they've been playing for a while."
+    "desc": "Store tracks locally for offline usage automatically after they've been playing for a little while."
   },
   {
     "url": "facets/connect/atproto/index.html",
@@ -40,7 +40,6 @@
     "url": "facets/connect/https/index.html",
     "title": "Connect / HTTPS",
     "category": "Data",
-    "featured": true,
     "desc": "Add HTTPS URLs as input."
   },
   {
diff --git a/src/common/pages/dashboard.js b/src/common/pages/dashboard.js
index f6b6c1fb..0694f154 100644
--- a/src/common/pages/dashboard.js
+++ b/src/common/pages/dashboard.js
@@ -242,7 +242,7 @@ function _renderList(output, listEl) {
 
   const selected = output.selected();
   const outputLabel = selected?.label ?? selected?.getAttribute?.("label") ??
-    "Local";
+    "Local storage";
 
   const filterBar = html`
     <div class="grid-filter">
diff --git a/src/common/pages/grid.js b/src/common/pages/grid.js
index f6e58117..83b1f411 100644
--- a/src/common/pages/grid.js
+++ b/src/common/pages/grid.js
@@ -67,7 +67,7 @@ export async function setupOutputIndicator() {
   stopOutputIndicator = effect(() => {
     const selected = out.selected();
     const label = selected?.label ?? selected?.getAttribute?.("label") ??
-      "Local";
+      "Local storage";
     indicator.textContent = label;
   });
 }
diff --git a/src/styles/diffuse/page.css b/src/styles/diffuse/page.css
index 86be6153..3c2f3386 100644
--- a/src/styles/diffuse/page.css
+++ b/src/styles/diffuse/page.css
@@ -62,7 +62,11 @@ header,
 main {
   margin: var(--space-md) auto;
   max-width: var(--container-7xl);
-  padding: 0 var(--space-lg);
+  padding: 0 var(--space-md);
+
+  @media (min-width: 42rem) {
+    padding: 0 var(--space-lg);
+  }
 }
 
 main {
@@ -345,10 +349,15 @@ textarea {
   margin-top: var(--space-md);
 
   .grid-filter--label {
+    display: none;
     font-size: var(--fs-xs);
     font-weight: 600;
     margin-right: var(--space-2xs);
     opacity: 0.4;
+
+    @media (min-width: 31.5rem) {
+      display: block;
+    }
   }
 
   .grid-filter--output {
-- 
2.51.2