change design dashboard & side booking page

components/dashboard/userAccount/tabs/turns/isTurnsDetails/DetailLg.js

@@ -3,6 +3,7 @@ import TextLoading from '@/app/component/loading/Text';
 import CalendarD from '@/components/icons/CalendarD';
 import CallD from '@/components/icons/CallD';
 import ClockClinic from '@/components/icons/ClockClinic';
+import DownloadD from '@/components/icons/DownloadD';
 import LocationClinic from '@/components/icons/LocationClinic';
 import RoutingC from '@/components/icons/RoutingC';
 import TicketD from '@/components/icons/TicketD';
@@ -74,12 +75,21 @@ function DetailLg({ user, loading }) {
                     </li>
                 </TextLoading>
             </ul>
-            <div className='py-[9px] lg:py-[18px] px-[12px] lg:pr-[16px] lg:pl-[40px] flex items-center gap-[4px] border border-solid border-[#EFEFEF] rounded-[4px] w-fit'>
+            <div className='flex items-center gap-[4px] w-fit'>
                 <TextLoading loading={loading} width={150} height={18}>
                     <TicketD />
                     <p className='text-[#616161] text-[14px] lg:text-[20px] font-medium'>مبلغ پرداخت شده : <span className='text-[#2F2F2F] text-[14px] lg:text-[20px] font-bold'>{data.amount_paid} تومان</span></p>
                 </TextLoading>
             </div>
+            <Button
+                className='!px-[12px] !hidden md:!flex !mt-[24px] !py-[8px] !border !border-solid !border-[#D7D7D7] !rounded-[4px] !w-fit !items-center !justify-center !gap-[4px]'
+                variant='outlined'
+            >
+                <TextLoading loading={loading} width={150} height={18}>
+                    <DownloadD />
+                    <p className='text-[#616161] text-[16px] font-medium'>دانلود اطلاعات نوبت</p>
+                </TextLoading>
+            </Button>
         </div>
     )
 }