fix: make vehicle demand fields responsive

WonderQ-MiniAPP/tests/vehicle-demand-layout.test.ts

@@ -0,0 +1,19 @@
+import { describe, expect, it } from "vitest";
+import vehicleDemandSource from "@/pages/vehicle-demand.vue?raw";
+
+describe("vehicle demand form layout", () => {
+  it("keeps native inputs and textarea inside their responsive parent width", () => {
+    const fieldClasses = [
+      ...vehicleDemandSource.matchAll(/<(?:input|textarea)\b[^>]*\sclass="([^"]+)"/g),
+    ].map((match) => match[1].split(/\s+/));
+
+    expect(fieldClasses).toHaveLength(7);
+    expect(fieldClasses.every((classes) => classes.includes("box-border"))).toBe(true);
+    expect(fieldClasses.every((classes) => classes.includes("min-w-0"))).toBe(true);
+  });
+
+  it("allows the two-column passenger fields to shrink within the form card", () => {
+    expect(vehicleDemandSource).toContain('class="grid min-w-0 grid-cols-2 gap-3"');
+    expect(vehicleDemandSource).toContain('class="min-w-0"');
+  });
+});