Custody strategy: the price sits under the drop-down, not in the option text (which overflowed on a phone)

Co-Authored-By: Claude Fable 5.1 <[email protected]>

1 files changed, 4 insertions, 1 deletions

diff --git a/src/features/ark.js b/src/features/ark.js
index 3c23766..771fa45 100644
--- a/src/features/ark.js
+++ b/src/features/ark.js
@@ -2692,7 +2692,10 @@ export function arkFeature(ctx) {
       h('h4', { style: 'margin:0' }, t('arkCustodyTitle')),
       h('p', { class: 'small muted', style: 'margin:0' }, t('arkCustodyDesc', { days: lifeDays })),
       h('select', { id: 'ark-custody-select', disabled: !honors, onChange: (e) => applyCustody(e.target.value) },
-        ...tiers.map((x) => h('option', { value: x.id, selected: x.id === cur }, x.label + ' · ' + x.cost))),
+        ...tiers.map((x) => h('option', { value: x.id, selected: x.id === cur }, x.label))),
+      // the price under the choice, not in the option (a long option text
+      // overflows the select on a phone)
+      h('div', { class: 'small ark-custody-cost' }, chosen.cost),
       h('p', { class: 'small muted ark-custody-desc', style: 'margin:0' }, chosen.desc),
       honors ? null : h('p', { class: 'small faint', style: 'margin:0' }, t('arkCustodyNotHere')));
   }