diff --git a/app/frontend/src/Settings/DynamicOptions.css b/app/frontend/src/Settings/DynamicOptions.css deleted file mode 100644 index 8995024e..00000000 --- a/app/frontend/src/Settings/DynamicOptions.css +++ /dev/null @@ -1,9 +0,0 @@ -.reset-to-defaults-button{ - color: var(--settings-text-color) !important; - background-color: var(--settings-setting-off-color) !important; -} - -.reset-to-defaults-button:hover { - color: var(--settings-background-color) !important; - background-color: var(--settings-setting-on-color) !important; -} \ No newline at end of file diff --git a/app/frontend/src/Settings/DynamicOptions.js b/app/frontend/src/Settings/DynamicOptions.js index 809c41f8..8e7f15c6 100644 --- a/app/frontend/src/Settings/DynamicOptions.js +++ b/app/frontend/src/Settings/DynamicOptions.js @@ -1,16 +1,15 @@ import React, { useContext } from 'react' import { string, shape, node, bool } from 'prop-types' -import { Typography, Grid, Button } from '@material-ui/core' +import { Typography, Grid } from '@material-ui/core' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { OPTIONS, DEFAULT_OPTIONS, PRIVACY_TYPES, OPTION_GROUPS } from '../lib/options' import controller from '../lib/controller' import { SettingsContext } from '../lib/contexts' -import SettingComponentFactory from './SettingComponents' +import SettingComponentFactory, { Button } from './SettingComponents' -import './DynamicOptions.css' export const slotSizes = { icon: { xs: 2, sm: 1 }, @@ -50,7 +49,7 @@ OptionSlot.propTypes = { children: node.isRequired } export const ResetButton = ( { group, disabled } ) => ( - + )