@bytebrand/fe-ui-core-autobahn 1.0.30 → 1.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
   "main": "index.ts",
   "license": "UNLICENSED",

package/theme/md3.css

@@ -1376,7 +1376,10 @@
      on the aside is the backstop: stretch is floored by min-width:auto (= content min), and
      the nowrap CTA buttons alone min out around 400px. */
   .md3 .vdp-grid       { display: flex; flex-direction: column; align-items: stretch; }
-  .md3 .vdp-aside      { min-width: 0; }
+  /* align-self:stretch — the desktop rule's align-self:start would shrink-to-fit the aside;
+     masked pre-round-9 because ProtectionProducts made its max-content wider than the
+     viewport, exposed once that card was hidden. */
+  .md3 .vdp-aside      { min-width: 0; align-self: stretch; }
   .md3 .vdp-gallery    { order: 1; }
   /* mobile-only "first screen": identity + trust row BEFORE the finance card, highlights/
      condition tiles moved AFTER it (both split out of the desktop-only VdpHeaderCard,

package/vdp/VdpModules.tsx

@@ -1875,8 +1875,9 @@ export const VdpEnquiry: React.FunctionComponent<VdpEnquiryProps> = ({
               </button>
             </div>
           </div>
-          {/* Vorname* / Nachname* — two required fields (Figma round 9), placeholder-labeled */}
-          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(150px, 1fr))', gap: 12 }}>
+          {/* Vorname* / Nachname* — two required fields SIDE BY SIDE (Figma round 9; fixed
+              2-col — auto-fit collapsed to one column at 390px, mockup keeps them paired) */}
+          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 12 }}>
             <input
               style={enquiryInput}
               placeholder={t('autobahn:enquiry.form.firstNamePlaceholder')}