From c0a48bf444d7dbd61b6764c2620dd5a8339b1d6e Mon Sep 17 00:00:00 2001
From: Tiago Vasconcelos <talvasconcelos@gmail.com>
Date: Mon, 3 Apr 2023 11:28:38 +0100
Subject: [PATCH] replace radio option to select dropdown for zones on checkout

---
 .../components/customer-stall/customer-stall.html   | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/static/components/customer-stall/customer-stall.html b/static/components/customer-stall/customer-stall.html
index f9fc244..a3e64f8 100644
--- a/static/components/customer-stall/customer-stall.html
+++ b/static/components/customer-stall/customer-stall.html
@@ -160,11 +160,16 @@
         ></q-input>
         <p>Select the shipping zone:</p>
         <div class="row q-mt-lg">
-          <q-option-group
-            :options="stall.shipping.map(s => ({label: s.countries.toString(), value: s.id}))"
-            type="radio"
-            emit-value
+          <q-select
+            style="min-width: 200px"
+            filled
+            dense
+            stack-label
             v-model="checkoutDialog.data.shippingzone"
+            emit-value
+            map-options
+            :options="stall.shipping.map(s => ({label: s.countries.toString(), value: s.id}))"
+            label="Shipping Zone"
           />
         </div>
         <div class="row q-mt-lg">