From beccd06fb858e7c04ac56d7fdef596a4fc5c08ee Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 24 Feb 2022 00:22:24 +0300
Subject: [PATCH] Better responsiveness for column header

---
 src/views/landing/ThemeSection.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/landing/ThemeSection.vue b/src/views/landing/ThemeSection.vue
index 1422e2a36..155174d20 100644
--- a/src/views/landing/ThemeSection.vue
+++ b/src/views/landing/ThemeSection.vue
@@ -16,11 +16,11 @@
                     currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
                     :globalFilterFields="['name','country.name','representative.name','status']" responsiveLayout="scroll">
                     <template #header>
-                        <div class="flex flex-column md:flex-row md:justify-content-between md:align-items-center">
+                        <div class="flex flex-column sm:flex-row sm:justify-content-between sm:align-items-center">
                             <h5 class="m-0">Customers</h5>
-                            <span class="p-input-icon-left">
+                            <span class="p-input-icon-left mt-3 sm:mt-0 w-full sm:w-auto">
                                 <i class="pi pi-search" />
-                                <InputText v-model="filters['global'].value" placeholder="Search" />
+                                <InputText v-model="filters['global'].value" placeholder="Search" class="w-full" />
                             </span>
                         </div>
                     </template>