Reorganise Charge-to card into address-left / contact-right layout

Left column: Name, Address 1–3, then Address 4 + Country side-by-side
Right column: Phone, Email, VAT/Tax ID, Registration number

https://claude.ai/code/session_01MkM7p8Us3L8YAfLKGA13NS
This commit is contained in:
Claude 2026-06-08 16:51:59 +00:00
parent f44593cb55
commit 5184458c23
No known key found for this signature in database

View file

@ -829,7 +829,9 @@ function buildForm() {
</select>
</h2>
<div id="ct-fields" class="locked">
<div class="kb-grid cols-2">
<div class="kb-grid cols-2" style="align-items:start">
<!-- Left: address -->
<div class="kb-grid">
<div class="kb-field">
<label class="kb-label" id="lbl-ctn" for="ctn">${t("charge-to-name")}</label>
<input id="ctn" type="text" class="kb-input">
@ -846,6 +848,7 @@ function buildForm() {
<label class="kb-label" id="lbl-ca3" for="ca3">${t("charge-to-address3")}</label>
<input id="ca3" type="text" class="kb-input">
</div>
<div class="kb-grid cols-2" style="gap:10px">
<div class="kb-field">
<label class="kb-label" id="lbl-ca4" for="ca4">${t("charge-to-address4")}</label>
<input id="ca4" type="text" class="kb-input">
@ -854,6 +857,10 @@ function buildForm() {
<label class="kb-label" id="lbl-cc" for="cc">${t("charge-to-country")}</label>
<select id="cc" class="kb-select">${countryOpts("")}</select>
</div>
</div>
</div>
<!-- Right: contact + IDs -->
<div class="kb-grid">
<div class="kb-field">
<label class="kb-label" id="lbl-cph" for="cph">${t("charge-to-phone")}</label>
<input id="cph" type="tel" class="kb-input">
@ -872,6 +879,7 @@ function buildForm() {
</div>
</div>
</div>
</div>
</section>
<!-- Row 3: Line items -->