adjusted table list display

src/_digifi/partials/widgets/lists/ListsWidget3.tsx

@@ -17,9 +17,9 @@ const ListsWidget3: React.FC<Props> = ({dashData, className}) => {
       {/* begin::Header */}
       <div className='card-header border-0'>
         <h3 className='card-title fw-bold text-gray-900'>BVN Verification</h3>
-        <div className='card-toolbar'>
-          {/* begin::Menu */}
-          {/* <button
+        {/* begin::Menu */}
+        {/* <div className='card-toolbar'>
+          <button
             type='button'
             className='btn btn-sm btn-icon btn-color-primary btn-active-light-primary'
             data-kt-menu-trigger='click'
@@ -27,43 +27,43 @@ const ListsWidget3: React.FC<Props> = ({dashData, className}) => {
             data-kt-menu-flip='top-end'
           >
             <KTIcon iconName='category' className='fs-2' />
-          </button> */}
-          {/* <Dropdown1 /> */}
-          {/* end::Menu */}
-        </div>
+          </button>
+          <Dropdown1 />
+        </div> */}
+        {/* end::Menu */}
       </div>
       {/* end::Header */}
       {/* begin::Body */}
-      <div className='card-body pt-2'>
+      <div className='card-body pt-0'>
         {dashData?.loading ?
         null
         :
         dashData?.data?.recent_bvn && dashData?.data?.recent_bvn.length ?
         <RecentBVNList
         data = {dashData?.data?.recent_bvn}
-        itemsPerPage={5}
+        itemsPerPage={7}
         >
           {(data:RecentBVNProps) => (
             <>
               {data?.map(item => (  
                 <div key={item?.uid} className='d-flex align-items-center mb-8'>
                   {/* begin::Bullet */}
-                  <span className='bullet bullet-vertical h-40px bg-primary'></span>
+                  <span className='bullet bullet-vertical h-40px bg-primary me-5'></span>
                   {/* end::Bullet */}
                   {/* begin::Checkbox */}
-                  <div className='form-check form-check-custom form-check-solid mx-5'>
+                  {/* <div className='form-check form-check-custom form-check-solid mx-5'>
                     <input className='form-check-input' type='checkbox' value='' />
-                  </div>
+                  </div> */}
                   {/* end::Checkbox */}
                   {/* begin::Description */}
                   <div className='flex-grow-1'>
-                    <a href='#' className='text-gray-800 text-hover-primary fw-bold fs-6'>
+                    <span className='text-gray-800 fw-bold fs-6'>
                       {item?.bvn}
-                    </a>
+                    </span>
                     <span className='text-muted fw-semibold d-block'>{NewDateTimeFormatter(item?.added)}</span>
                   </div>
                   {/* end::Description */}
-                  <span className='badge badge-light-primary fs-8 fw-bold'>New</span>
+                  <span className='badge badge-light-primary fs-8 fw-bold'>status: {item?.status}</span>
                 </div>
               ))}
             </>