@@ -53,7 +53,7 @@ function Header({
53
53
} ;
54
54
55
55
return (
56
- < div style = { { padding : "5px 0px 5px 0px" } } className = "mobileHead ">
56
+ < div className = "flex py-[ 5px] ">
57
57
{ isMobile && isShowHeader ? (
58
58
< div
59
59
id = "navbar"
@@ -99,7 +99,7 @@ function Header({
99
99
>
100
100
< div className = "flex flex-row" >
101
101
< i
102
- className = "fa-light fa-arrow-down mr-[2px ]"
102
+ className = "fa-light fa-arrow-down mr-[3px ]"
103
103
aria-hidden = "true"
104
104
> </ i >
105
105
Download
@@ -117,7 +117,7 @@ function Header({
117
117
>
118
118
< div className = "border-none bg-[#fff]" >
119
119
< i
120
- className = "fa-light fa-award mr-[2px ]"
120
+ className = "fa-light fa-award mr-[3px ]"
121
121
aria-hidden = "true"
122
122
> </ i >
123
123
Certificate
@@ -131,7 +131,7 @@ function Header({
131
131
>
132
132
< div className = "flex flex-row" >
133
133
< i
134
- className = "fa-light fa-envelope mr-[2px ]"
134
+ className = "fa-light fa-envelope mr-[3px ]"
135
135
aria-hidden = "true"
136
136
> </ i >
137
137
Mail
@@ -146,7 +146,7 @@ function Header({
146
146
>
147
147
< div className = "flex flex-row" >
148
148
< i
149
- className = "fa-light fa-print mr-[2px ]"
149
+ className = "fa-light fa-print mr-[3px ]"
150
150
aria-hidden = "true"
151
151
> </ i >
152
152
Print
@@ -224,7 +224,7 @@ function Header({
224
224
}
225
225
>
226
226
< i
227
- className = "fa-light fa-arrow-down mr-[5px ]"
227
+ className = "fa-light fa-arrow-down mr-[3px ]"
228
228
aria-hidden = "true"
229
229
> </ i >
230
230
< span className = "font-[500]" > Download</ span >
@@ -239,7 +239,7 @@ function Header({
239
239
</ div >
240
240
</ div >
241
241
) : (
242
- < div className = "flex flex-wrap justify-between items-center mt-[5px] " >
242
+ < div className = "flex flex-wrap justify-between items-center w-full gap-y-1 ml-1 " >
243
243
< PrevNext
244
244
pageNumber = { pageNumber }
245
245
allPages = { allPages }
@@ -270,22 +270,22 @@ function Header({
270
270
{ setIsEditTemplate && (
271
271
< button
272
272
onClick = { ( ) => setIsEditTemplate ( true ) }
273
- className = "outline-none border-none text-center mr-[5px ]"
273
+ className = "outline-none border-none text-center mr-[3px ]"
274
274
>
275
275
< i className = "fa-light fa-gear fa-lg" > </ i >
276
276
</ button >
277
277
) }
278
278
< button
279
279
onClick = { ( ) => navigate ( - 1 ) }
280
280
type = "button"
281
- className = "op-btn op-btn-ghost op-btn-sm mr-[5px ]"
281
+ className = "op-btn op-btn-ghost op-btn-sm mr-[3px ]"
282
282
>
283
283
Back
284
284
</ button >
285
285
< button
286
286
disabled = { isMailSend && true }
287
287
data-tut = "reactourFour"
288
- className = "op-btn op-btn-primary op-btn-sm mr-[5px ]"
288
+ className = "op-btn op-btn-primary op-btn-sm mr-[3px ]"
289
289
onClick = { ( ) => alertSendEmail ( ) }
290
290
>
291
291
{ completeBtnTitle
@@ -305,7 +305,7 @@ function Header({
305
305
onClick = { ( ) =>
306
306
handleDownloadCertificate ( pdfDetails , setIsDownloading )
307
307
}
308
- className = "op-btn op-btn-secondary op-btn-sm mr-[5px ] shadow"
308
+ className = "op-btn op-btn-secondary op-btn-sm mr-[3px ] shadow"
309
309
>
310
310
< i
311
311
className = "fa-light fa-award py-[3px]"
@@ -318,7 +318,7 @@ function Header({
318
318
< button
319
319
onClick = { ( e ) => handleToPrint ( e , pdfUrl , setIsDownloading ) }
320
320
type = "button"
321
- className = "op-btn op-btn-neutral op-btn-sm mr-[5px ] shadow"
321
+ className = "op-btn op-btn-neutral op-btn-sm mr-[3px ] shadow"
322
322
>
323
323
< i
324
324
className = "fa-light fa-print py-[3px]"
@@ -329,7 +329,7 @@ function Header({
329
329
330
330
< button
331
331
type = "button"
332
- className = "op-btn op-btn-primary op-btn-sm mr-[5px ] shadow"
332
+ className = "op-btn op-btn-primary op-btn-sm mr-[3px ] shadow"
333
333
onClick = { ( ) =>
334
334
handleDownloadPdf ( pdfDetails , pdfUrl , setIsDownloading )
335
335
}
@@ -346,21 +346,21 @@ function Header({
346
346
< button
347
347
onClick = { ( ) => navigate ( - 1 ) }
348
348
type = "button"
349
- className = "op-btn op-btn-ghost op-btn-sm mr-[5px ]"
349
+ className = "op-btn op-btn-ghost op-btn-sm mr-[3px ]"
350
350
>
351
351
Back
352
352
</ button >
353
353
{ currentSigner && (
354
354
< >
355
355
< button
356
- className = "op-btn op-btn-secondary op-btn-sm mr-[5px ] shadow"
356
+ className = "op-btn op-btn-secondary op-btn-sm mr-[3px ] shadow"
357
357
onClick = { ( ) => handleDeclinePdfAlert ( ) }
358
358
>
359
359
Decline
360
360
</ button >
361
361
< button
362
362
type = "button"
363
- className = "op-btn op-btn-primary op-btn-sm mr-[5px ] shadow"
363
+ className = "op-btn op-btn-primary op-btn-sm mr-[3px ] shadow"
364
364
onClick = { ( ) => embedWidgetsData ( ) }
365
365
>
366
366
Finish
@@ -411,51 +411,51 @@ function Header({
411
411
onClick = { ( ) =>
412
412
handleDownloadCertificate ( pdfDetails , setIsDownloading )
413
413
}
414
- className = "op-btn op-btn-secondary op-btn-sm font-medium text-[13px ] mr-[5px ] shadow"
414
+ className = "op-btn op-btn-secondary op-btn-sm gap-0 font-medium text-[12px ] mr-[3px ] shadow"
415
415
>
416
416
< i className = "fa-light fa-award" aria-hidden = "true" > </ i >
417
- < span className = "hidden lg:block" > Certificate</ span >
417
+ < span className = "hidden lg:block ml-1 " > Certificate</ span >
418
418
</ button >
419
419
) }
420
420
< button
421
421
onClick = { ( e ) => handleToPrint ( e , pdfUrl , setIsDownloading ) }
422
422
type = "button"
423
- className = "op-btn op-btn-neutral op-btn-sm font-medium text-[13px ] mr-[5px ] shadow"
423
+ className = "op-btn op-btn-neutral op-btn-sm gap-0 font-medium text-[12px ] mr-[3px ] shadow"
424
424
>
425
425
< i className = "fa-light fa-print" aria-hidden = "true" > </ i >
426
- < span className = "hidden lg:block" > Print</ span >
426
+ < span className = "hidden lg:block ml-1 " > Print</ span >
427
427
</ button >
428
428
< button
429
429
type = "button"
430
- className = "op-btn op-btn-primary op-btn-sm font-medium text-[13px ] mr-[5px ] shadow"
430
+ className = "op-btn op-btn-primary op-btn-sm gap-0 font-medium text-[12px ] mr-[3px ] shadow"
431
431
onClick = { ( ) =>
432
432
handleDownloadPdf ( pdfDetails , pdfUrl , setIsDownloading )
433
433
}
434
434
>
435
435
< i className = "fa-light fa-download" aria-hidden = "true" > </ i >
436
- < span className = "hidden lg:block" > Download</ span >
436
+ < span className = "hidden lg:block ml-1 " > Download</ span >
437
437
</ button >
438
438
< button
439
439
type = "button"
440
- className = "op-btn op-btn-info op-btn-sm font-medium text-[13px ] mr-[5px ] shadow"
440
+ className = "op-btn op-btn-info op-btn-sm gap-0 font-medium text-[12px ] mr-[3px ] shadow"
441
441
onClick = { ( ) => setIsEmail ( true ) }
442
442
>
443
443
< i className = "fa-light fa-envelope" aria-hidden = "true" > </ i >
444
- < span className = "hidden lg:block" > Mail</ span >
444
+ < span className = "hidden lg:block ml-1 " > Mail</ span >
445
445
</ button >
446
446
</ div >
447
447
) : (
448
448
< div className = "flex" >
449
449
< button
450
450
onClick = { ( ) => navigate ( - 1 ) }
451
451
type = "button"
452
- className = "op-btn op-btn-ghost op-btn-sm mr-[5px ]"
452
+ className = "op-btn op-btn-ghost op-btn-sm mr-[3px ]"
453
453
>
454
454
Back
455
455
</ button >
456
456
< button
457
457
type = "button"
458
- className = "op-btn op-btn-primary op-btn-sm mr-[5px ]"
458
+ className = "op-btn op-btn-primary op-btn-sm mr-[3px ]"
459
459
onClick = { ( ) => {
460
460
if ( ! pdfUrl ) {
461
461
embedWidgetsData ( ) ;
0 commit comments