/designs: wider defaults — 3-up grid, slider min 1, tight side gutters

3df4f1a96c07366052706f9231f3efbb35b7ae78 · 2026-05-13 09:57:06 -0700 · SteveStudio2

- density-slider default 4 → 3 (each card ~33% wider)
- density-slider min 2 → 1 (can go single-column mural-wide)
- .design-grid padding 24px 40px → 24px 12px (28px reclaimed each side)
- .catalog-grid default --cols 4 → 3

NOTE: localStorage 'wallco-density' overrides the default for return
visitors. Reset via DevTools console:
  localStorage.removeItem('wallco-density'); location.reload();
or drag the density slider left.

Files touched

M public/css/site.css
M server.js

Diff

commit 3df4f1a96c07366052706f9231f3efbb35b7ae78
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Wed May 13 09:57:06 2026 -0700

    /designs: wider defaults — 3-up grid, slider min 1, tight side gutters
    
    - density-slider default 4 → 3 (each card ~33% wider)
    - density-slider min 2 → 1 (can go single-column mural-wide)
    - .design-grid padding 24px 40px → 24px 12px (28px reclaimed each side)
    - .catalog-grid default --cols 4 → 3
    
    NOTE: localStorage 'wallco-density' overrides the default for return
    visitors. Reset via DevTools console:
      localStorage.removeItem('wallco-density'); location.reload();
    or drag the density slider left.
---
 public/css/site.css | 4 ++--
 server.js           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/css/site.css b/public/css/site.css
index d861265..5b1b3e5 100644
--- a/public/css/site.css
+++ b/public/css/site.css
@@ -284,10 +284,10 @@ main { padding-top: 73px; }
   display: grid;
   grid-template-columns: repeat(var(--cols), 1fr);
   gap: 2px;
-  padding: 24px 40px 40px;
+  padding: 24px 12px 40px;     /* tight side gutters — cards stretch wider */
 }
 .featured-grid { --cols: 4; }
-.catalog-grid  { --cols: var(--cols, 4); }
+.catalog-grid  { --cols: var(--cols, 3); }    /* default to 3-up (wider cards) */
 
 .design-card {
   display: block;
diff --git a/server.js b/server.js
index a57bc0a..d707572 100644
--- a/server.js
+++ b/server.js
@@ -2728,7 +2728,7 @@ ${cat === 'stoned-animals' ? `
           </select>
         </label>
         <label class="density-label">Density
-          <input type="range" id="density-slider" min="2" max="8" step="1" value="4" class="density-range">
+          <input type="range" id="density-slider" min="1" max="8" step="1" value="3" class="density-range">
         </label>
         <button type="button" id="surprise-btn" class="filter-select"
           style="background:var(--gold,#c9a14b);color:var(--accent,#0d0d0d);border:0;font-weight:500;padding:8px 14px;cursor:pointer;border-radius:6px;letter-spacing:.04em"

← 9ccfd72 snapshot: 4 file(s) changed, +1 new, ~3 modified · back to Wallco Ai · /designs admin review-card: hide overlay on load, fade in on 9232294 →