Improved styling of the export visits button

This commit is contained in:
Alejandro Celaya 2021-03-14 13:30:50 +01:00
parent 482489599e
commit 508623f89f

View file

@ -259,18 +259,25 @@ const VisitsStats: FC<VisitsStatsProps> = (
</div> </div>
{visits.length > 0 && ( {visits.length > 0 && (
<div className="col-lg-5 col-xl-6 mt-4 mt-lg-0"> <div className="col-lg-5 col-xl-6 mt-4 mt-lg-0">
<div className="d-flex">
<Button <Button
outline outline
disabled={highlightedVisits.length === 0} disabled={highlightedVisits.length === 0}
className="btn-md-block" className="btn-md-block mr-2"
onClick={() => setSelectedVisits([])} onClick={() => setSelectedVisits([])}
> >
Clear selection {highlightedVisits.length > 0 && <>({highlightedVisits.length})</>} Clear selection {highlightedVisits.length > 0 && <>({highlightedVisits.length})</>}
</Button> </Button>
<Button outline color="primary" onClick={() => exportCsv(normalizedVisits)}> <Button
outline
color="primary"
className="btn-md-block"
onClick={() => exportCsv(normalizedVisits)}
>
Export <FontAwesomeIcon icon={faFileExport} /> Export <FontAwesomeIcon icon={faFileExport} />
</Button> </Button>
</div> </div>
</div>
)} )}
</div> </div>
</section> </section>