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()}
{renderFactoryResetDialog()}
<Box display="flex" flexWrap="wrap">
<Box mt={1} display="flex" flexWrap="wrap">
<Box flexGrow={1} sx={{ '& button': { mt: 2 } }}>
<ButtonRow>
<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}>
{numChanges > 0 && (
<ButtonRow>

View File

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

View File

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

View File

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

View File

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