Fixed arrow and title in device page

This commit is contained in:
bourquecharles
2021-05-31 18:03:03 -04:00
parent e64eed332b
commit 259a3effb9
2 changed files with 3 additions and 4 deletions

View File

@@ -50,7 +50,7 @@ const DeviceConfiguration = ({ selectedDeviceId }) => {
if (device) {
return (
<CCard>
<CCardHeader>#{device.serialNumber} Details</CCardHeader>
<CCardHeader>Device Details</CCardHeader>
<CCardBody>
<CForm action="" method="post" encType="multipart/form-data" className="form-horizontal">
<CFormGroup row>
@@ -146,11 +146,10 @@ const DeviceConfiguration = ({ selectedDeviceId }) => {
<CCardFooter>
<CButton
show={collapse ? 'true' : 'false'}
color="transparent"
onClick={toggle}
block
>
<CIcon name={collapse ? 'cilChevronTop' : 'cilChevronBottom'} size="lg" />
<CIcon style={{color: 'black'}} name={collapse ? 'cilChevronTop' : 'cilChevronBottom'} size="lg" />
</CButton>
</CCardFooter>
</CForm>

View File

@@ -9,7 +9,7 @@ import StatisticsChartList from './StatisticsChartList';
const DeviceStatisticsCard = ({ selectedDeviceId }) => (
<CCard>
<CCardHeader>Device Statistics</CCardHeader>
<CCardHeader>Statistics</CCardHeader>
<CCardBody style={{padding: '5%'}}>
<StatisticsChartList selectedDeviceId={selectedDeviceId}/>
</CCardBody>