From f623d21ff4175b12c471cfa8eab02f82a58d36f0 Mon Sep 17 00:00:00 2001
From: vinceh121 <contact@vinceh121.me>
Date: Wed, 31 Jul 2024 02:22:36 +0200
Subject: [PATCH] fix: responsive connector select

---
 assets/components/tracking/WatchlistForm.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/components/tracking/WatchlistForm.tsx b/assets/components/tracking/WatchlistForm.tsx
index db9f2a0..965b5ee 100644
--- a/assets/components/tracking/WatchlistForm.tsx
+++ b/assets/components/tracking/WatchlistForm.tsx
@@ -209,10 +209,17 @@ export function WatchlistForm({form, connectors, onCreateWatchlist}: {
         </Form.List>
         <Form.Item label={t`Connector`}
                    name='connector'
+                   labelCol={{
+                        xs: {span: 24},
+                        sm: {span: 4},
+                   }}
+                   wrapperCol={{
+                        md: {span: 12},
+                        sm: {span: 20},
+                   }}
         >
             <Select showSearch
                     allowClear
-                    style={{width: '60%'}}
                     placeholder={t`Connector`}
                     suffixIcon={<ApiOutlined/>}
                     optionFilterProp="label"