From 8ec762d6221c881d90fd0b217562ac5ed04673db Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sun, 29 Dec 2024 11:27:57 +0530
Subject: [PATCH 1/3] fix: have more padding on right and trucnate in select
 control

---
 src/components/Select.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Select.vue b/src/components/Select.vue
index c47269e9..d6d5f612 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -108,10 +108,10 @@ const fontSizeClasses = computed(() => {
 
 const paddingClasses = computed(() => {
   return {
-    sm: 'px-2',
-    md: 'px-2.5',
-    lg: 'px-3',
-    xl: 'px-3',
+    sm: 'pl-2 pr-5',
+    md: 'pl-2.5 pr-5.5',
+    lg: 'pl-3 pr-6',
+    xl: 'pl-3 pr-6',
   }[props.size]
 })
 
@@ -146,7 +146,7 @@ const selectClasses = computed(() => {
     paddingClasses.value,
     variantClasses,
     textColor.value,
-    'transition-colors w-full py-0',
+    'transition-colors w-full py-0 truncate',
   ]
 })
 

From c348f474cd185a0d535deb2ebde28c0b2ea40dda Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sun, 29 Dec 2024 11:28:27 +0530
Subject: [PATCH 2/3] fix: use TextInput instead of Input component

---
 src/components/DatePicker/DatePicker.vue      | 3 +--
 src/components/DatePicker/DateRangePicker.vue | 3 +--
 src/components/DatePicker/DateTimePicker.vue  | 3 +--
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/DatePicker/DatePicker.vue b/src/components/DatePicker/DatePicker.vue
index 94b6dec4..c2d1055c 100644
--- a/src/components/DatePicker/DatePicker.vue
+++ b/src/components/DatePicker/DatePicker.vue
@@ -5,7 +5,7 @@
     :placement="placement"
   >
     <template #target="{ togglePopover }">
-      <Input
+      <TextInput
         readonly
         type="text"
         icon-left="calendar"
@@ -126,7 +126,6 @@
 <script setup lang="ts">
 import { computed, onMounted } from 'vue'
 
-import Input from '../Input.vue'
 import { Button } from '../Button'
 import Popover from '../Popover.vue'
 import FeatherIcon from '../FeatherIcon.vue'
diff --git a/src/components/DatePicker/DateRangePicker.vue b/src/components/DatePicker/DateRangePicker.vue
index 756a2ada..5016959a 100644
--- a/src/components/DatePicker/DateRangePicker.vue
+++ b/src/components/DatePicker/DateRangePicker.vue
@@ -5,7 +5,7 @@
     :placement="placement"
   >
     <template #target="{ togglePopover }">
-      <Input
+      <TextInput
         readonly
         type="text"
         icon-left="calendar"
@@ -122,7 +122,6 @@
 <script setup lang="ts">
 import { computed, ref, onMounted } from 'vue'
 
-import Input from '../Input.vue'
 import { Button } from '../Button'
 import Popover from '../Popover.vue'
 import FeatherIcon from '../FeatherIcon.vue'
diff --git a/src/components/DatePicker/DateTimePicker.vue b/src/components/DatePicker/DateTimePicker.vue
index bff71d7a..833884fb 100644
--- a/src/components/DatePicker/DateTimePicker.vue
+++ b/src/components/DatePicker/DateTimePicker.vue
@@ -5,7 +5,7 @@
     :placement="placement"
   >
     <template #target="{ togglePopover }">
-      <Input
+      <TextInput
         readonly
         type="text"
         icon-left="calendar"
@@ -189,7 +189,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 
-import Input from '../Input.vue'
 import { Button } from '../Button'
 import Popover from '../Popover.vue'
 import FeatherIcon from '../FeatherIcon.vue'

From d269f5f483fd2efc3ed679d4e6010b828c575b37 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sun, 29 Dec 2024 11:28:58 +0530
Subject: [PATCH 3/3] fix: make resizer absolute

---
 src/components/ListView/ListHeaderItem.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ListView/ListHeaderItem.vue b/src/components/ListView/ListHeaderItem.vue
index 03de9a6a..df09f1f8 100644
--- a/src/components/ListView/ListHeaderItem.vue
+++ b/src/components/ListView/ListHeaderItem.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     ref="columnRef"
-    class="group flex items-center"
+    class="group relative flex items-center"
     :class="item.align ? alignmentMap[item.align] : 'justify-between'"
   >
     <div
@@ -18,7 +18,7 @@
     </div>
     <slot v-if="list.options.resizeColumn" name="resizer" v-bind="{ item }">
       <div
-        class="flex h-4 w-2 cursor-col-resize justify-center"
+        class="flex h-4 absolute -right-2 w-2 cursor-col-resize justify-center"
         @mousedown="startResizing"
       >
         <div