From b8bfdd9da15de92184d72f9bb30d4c50f86b64a7 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 29 Jun 2023 09:31:17 +0200
Subject: [PATCH] change(ui): divider styles

---
 frontend/app/components/Client/CustomFields/ListItem.js       | 2 +-
 frontend/app/components/Client/Sites/Sites.tsx                | 4 +++-
 .../components/Client/Users/components/UserList/UserList.tsx  | 2 ++
 .../Client/Users/components/UserListItem/UserListItem.tsx     | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Client/CustomFields/ListItem.js b/frontend/app/components/Client/CustomFields/ListItem.js
index c62903f6d..326faa1b5 100644
--- a/frontend/app/components/Client/CustomFields/ListItem.js
+++ b/frontend/app/components/Client/CustomFields/ListItem.js
@@ -7,7 +7,7 @@ const ListItem = ({ field, onEdit, disabled }) => {
     return (
         <div
             className={cn(
-                'border-t group hover:bg-active-blue flex items-center justify-between py-3 px-5 cursor-pointer',
+                'group hover:bg-active-blue flex items-center justify-between py-3 px-5 cursor-pointer',
                 field.index === 0 ? styles.preDefined : '',
                 {
                     [styles.disabled]: disabled,
diff --git a/frontend/app/components/Client/Sites/Sites.tsx b/frontend/app/components/Client/Sites/Sites.tsx
index 52824d468..51a9a4d85 100644
--- a/frontend/app/components/Client/Sites/Sites.tsx
+++ b/frontend/app/components/Client/Sites/Sites.tsx
@@ -91,7 +91,7 @@ const Sites = ({
   const ProjectItem = ({ project }: { project: Project }) => (
     <div
       key={project.id}
-      className='grid grid-cols-12 gap-2 w-full group hover:bg-active-blue items-center border-t px-5 py-3'
+      className='grid grid-cols-12 gap-2 w-full group hover:bg-active-blue items-center px-5 py-3'
     >
       <div className='col-span-4'>
         <div className='flex items-center'>
@@ -171,6 +171,8 @@ const Sites = ({
               <div className='col-span-2'>Capture Rate</div>
               <div className='col-span-3'></div>
             </div>
+            <Divider className='m-0' />
+            
             {sliceListPerPage(filteredSites, page - 1, pageSize).map(
               (project: Project) => (
                 <>
diff --git a/frontend/app/components/Client/Users/components/UserList/UserList.tsx b/frontend/app/components/Client/Users/components/UserList/UserList.tsx
index 700c6b896..572cf3492 100644
--- a/frontend/app/components/Client/Users/components/UserList/UserList.tsx
+++ b/frontend/app/components/Client/Users/components/UserList/UserList.tsx
@@ -60,6 +60,8 @@ function UserList(props: Props) {
                         <div className="col-span-2"></div>
                     </div>
 
+                    <Divider className="m-0" />
+
                     {sliceListPerPage(list, userStore.page - 1, userStore.pageSize).map((user: any) => (
                         <>
                             <UserListItem
diff --git a/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx b/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
index 72b99929d..c83aa439d 100644
--- a/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
+++ b/frontend/app/components/Client/Users/components/UserListItem/UserListItem.tsx
@@ -38,7 +38,7 @@ function UserListItem(props: Props) {
   } = props;
   return (
     <div
-      className="grid grid-cols-12 py-4 px-5 border-t items-center select-none hover:bg-active-blue group cursor-pointer"
+      className="grid grid-cols-12 py-4 px-5 items-center select-none hover:bg-active-blue group cursor-pointer"
       onClick={editHandler}
     >
       <div className="col-span-5">