button border is consistent across screens

This commit is contained in:
proddy
2024-03-22 17:02:02 +01:00
parent bcfcc7690f
commit 5592d18e1f
7 changed files with 9 additions and 9 deletions

View File

@@ -214,7 +214,7 @@ const Settings: FC = () => {
{renderRestartDialog()} {renderRestartDialog()}
{renderFactoryResetDialog()} {renderFactoryResetDialog()}
<Box display="flex" flexWrap="wrap"> <Box mt={1} display="flex" flexWrap="wrap">
<Box flexGrow={1} sx={{ '& button': { mt: 2 } }}> <Box flexGrow={1} sx={{ '& button': { mt: 2 } }}>
<ButtonRow> <ButtonRow>
<Button <Button

View File

@@ -267,7 +267,7 @@ const CustomEntities: FC = () => {
/> />
)} )}
<Box display="flex" flexWrap="wrap"> <Box mt={1} display="flex" flexWrap="wrap">
<Box flexGrow={1}> <Box flexGrow={1}>
{numChanges > 0 && ( {numChanges > 0 && (
<ButtonRow> <ButtonRow>

View File

@@ -543,7 +543,7 @@ const Customization: FC = () => {
</ButtonRow> </ButtonRow>
)} )}
</Box> </Box>
<ButtonRow> <ButtonRow mt={1}>
<Button <Button
startIcon={<SettingsBackupRestoreIcon />} startIcon={<SettingsBackupRestoreIcon />}
variant="outlined" variant="outlined"

View File

@@ -627,7 +627,7 @@ const Devices: FC = () => {
progress={submitting} progress={submitting}
/> />
)} )}
<ButtonRow> <ButtonRow mt={1}>
<Button startIcon={<RefreshIcon />} variant="outlined" color="secondary" onClick={refreshData}> <Button startIcon={<RefreshIcon />} variant="outlined" color="secondary" onClick={refreshData}>
{LL.REFRESH()} {LL.REFRESH()}
</Button> </Button>

View File

@@ -270,7 +270,7 @@ const Scheduler: FC = () => {
/> />
)} )}
<Box display="flex" flexWrap="wrap"> <Box mt={1} display="flex" flexWrap="wrap">
<Box flexGrow={1}> <Box flexGrow={1}>
{numChanges !== 0 && ( {numChanges !== 0 && (
<ButtonRow> <ButtonRow>

View File

@@ -440,7 +440,7 @@ const Sensors: FC = () => {
</> </>
)} )}
<ButtonRow> <ButtonRow>
<Box mt={2} display="flex" flexWrap="wrap"> <Box mt={1} display="flex" flexWrap="wrap">
<Box flexGrow={1}> <Box flexGrow={1}>
<Button startIcon={<RefreshIcon />} variant="outlined" color="secondary" onClick={fetchSensorData}> <Button startIcon={<RefreshIcon />} variant="outlined" color="secondary" onClick={fetchSensorData}>
{LL.REFRESH()} {LL.REFRESH()}

View File

@@ -10,7 +10,7 @@ import type { Stat } from './types';
import type { Translation } from 'i18n/i18n-types'; import type { Translation } from 'i18n/i18n-types';
import type { FC } from 'react'; import type { FC } from 'react';
import { FormLoader, SectionContent, useLayoutTitle } from 'components'; import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
import { useI18nContext } from 'i18n/i18n-react'; import { useI18nContext } from 'i18n/i18n-react';
const SystemActivity: FC = () => { const SystemActivity: FC = () => {
@@ -115,11 +115,11 @@ const SystemActivity: FC = () => {
</> </>
)} )}
</Table> </Table>
<Box flexGrow={1} sx={{ '& button': { mt: 2 } }}> <ButtonRow mt={1}>
<Button startIcon={<RefreshIcon />} variant="outlined" color="secondary" onClick={loadData}> <Button startIcon={<RefreshIcon />} variant="outlined" color="secondary" onClick={loadData}>
{LL.REFRESH()} {LL.REFRESH()}
</Button> </Button>
</Box> </ButtonRow>
</> </>
); );
}; };