From 7123cee4cb079381719a4efe8dff697c56129afa Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 30 Aug 2024 13:05:12 -0400
Subject: [PATCH] Need to fix LG and XL to reduce the search bar width and
 align it at the end of the row.

---
 src/views/main/Header.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 6f112d7..dc14c8d 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -28,8 +28,8 @@
     </div>
 
    
-    <div class="flex-grow flex items-center justify-center relative">    
-      <div v-if="showSearch || !isSmallScreen" class="flex-grow  flex justify-center items-center lg:max-w-[]" >
+    <div class="flex-grow flex items-center justify-center relative"> 
+      <div v-if="showSearch || !isSmallScreen" class="flex-grow  flex justify-center items-center " >
         <template v-if="showSearch">
           <v-text-field
               density="compact"
@@ -47,6 +47,7 @@
           </v-text-field>
         </template>
       </div>
+    
 
       <div v-if="!isSmallScreen || !showSearch" class="absolute-center flex">       
         <v-btn