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`
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 {