From a14da6f2fa4ff1ef6796c99fa580c8bf80616dd4 Mon Sep 17 00:00:00 2001
From: Doxa Maps <maps@doxa.example>
Date: Fri, 2 Oct 2026 10:07:32 +0000
Subject: [PATCH] Poster section element: a min-card-px attribute, the
 narrowest a card gets before a row holds one fewer (absent keeps today's
 layout)

---
 library/components/poster/PosterSectionView.vue | 3 ++-
 library/elements/posterSectionConfig.js         | 6 +++++-
 library/elements/posterSectionElement.js        | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/library/components/poster/PosterSectionView.vue b/library/components/poster/PosterSectionView.vue
index 50dccfd5a..8b31a0a3a 100644
--- a/library/components/poster/PosterSectionView.vue
+++ b/library/components/poster/PosterSectionView.vue
@@ -1,7 +1,7 @@
 <script setup>
 /**
  * PosterSectionView.vue — ONE poster section on its own: the profile behind <dxm-poster-section>.
- * It reads its settings from profile-config (type, scope, collapsible, collapsed, locale, assetsBase, columns), finds the
+ * It reads its settings from profile-config (type, scope, collapsible, collapsed, locale, assetsBase, columns, minCardPx), finds the
  * poster TYPE in posterTypes.js, and draws a PosterWall in section-only mode: the same section a wall draws (the
  * same PosterSection, the same print actions and overlay), with no wall head around it.
  */
@@ -61,6 +61,7 @@ const noneLine = computed(() => t('poster.sectionNone', { scope: String(cfg.valu
     :instance-id="instanceId"
     :is-dark="cfg.isDark === true"
     :columns="cfg.columns || 0"
+    :min-card-px="cfg.minCardPx || 0"
     :assets-base="assetsBase"
     :event-name="actions.eventName"
     :unit="actions.unit"
diff --git a/library/elements/posterSectionConfig.js b/library/elements/posterSectionConfig.js
index 7a6cd8a13..126b20e64 100644
--- a/library/elements/posterSectionConfig.js
+++ b/library/elements/posterSectionConfig.js
@@ -1,5 +1,5 @@
 // <dxm-poster-section>'s attributes → its profile-config. Pure (no Vue), so it is testable on its own.
-export const ATTRS = ['type', 'scope', 'collapsible', 'collapsed', 'locale', 'assets-base', 'api-base-url', 'is-dark', 'columns']
+export const ATTRS = ['type', 'scope', 'collapsible', 'collapsed', 'locale', 'assets-base', 'api-base-url', 'is-dark', 'columns', 'min-card-px']
 export const TAG = 'dxm-poster-section'
 
 export function posterSectionConfig(el) {
@@ -12,6 +12,10 @@ export function posterSectionConfig(el) {
   // posters per row (1-5); absent = the wall's own default. A reader's saved choice still wins (PosterWall).
   const cols = Number(a('columns'))
   if (el.hasAttribute('columns') && Number.isInteger(cols) && cols >= 1 && cols <= 5) cfg.columns = cols
+  // the narrowest a card may get before a row holds one fewer (PosterWall's minCardPx); absent = the wall's own default.
+  // A host that wants two posters a row on a phone sets it low enough to fit (the Regions list: 150).
+  const minCard = Number(a('min-card-px'))
+  if (el.hasAttribute('min-card-px') && Number.isInteger(minCard) && minCard >= 80 && minCard <= 600) cfg.minCardPx = minCard
   return cfg
 }
 
diff --git a/library/elements/posterSectionElement.js b/library/elements/posterSectionElement.js
index 1afbee5e2..32b79761b 100644
--- a/library/elements/posterSectionElement.js
+++ b/library/elements/posterSectionElement.js
@@ -5,7 +5,7 @@
  *
  * Attributes: type (default "country"), scope (a region / continent / list key), collapsible (default on;
  * collapsible="false" turns it off), collapsed (start shut), locale, assets-base, api-base-url, is-dark, columns
- * (posters per row, 1-5).
+ * (posters per row, 1-5), min-card-px (the narrowest a card gets before a row holds one fewer).
  * They are mapped into the standard element's profile-config, so the element keeps defineMapElement's per-instance
  * i18n and store, and the profile (PosterSectionView.vue) reads them like every other profile reads its config.
  * Any bundle can call registerPosterSectionElement(); a second call is a no-op.