diff --git a/components/settings/password/password-field.js b/components/settings/password/password-field.js index 719356685edb38e4ebf8b60a059a13dcc18977cf..1757331e788c7fbf815d55e3b80f6a6684d83c9e 100644 --- a/components/settings/password/password-field.js +++ b/components/settings/password/password-field.js @@ -1,6 +1,6 @@ import React from 'react' import { TextInput } from 'react-native' -import styles from '../../../styles' +import styles, {secondaryColor} from '../../../styles' export default function PasswordField(props) { return ( @@ -11,6 +11,9 @@ export default function PasswordField(props) { onChangeText={props.onChangeText} value={props.value} placeholder={props.placeholder} + borderWidth={1} + borderColor={secondaryColor} + borderStyle={'solid'} /> ) } diff --git a/components/settings/temp-slider.js b/components/settings/temp-slider.js index f21fd74006ebe606417b26baebb75e25241af88d..cc4b0e4c8ad79b9b79ba63d37cd9fa098cf56668 100644 --- a/components/settings/temp-slider.js +++ b/components/settings/temp-slider.js @@ -39,8 +39,8 @@ export default class TempSlider extends Component { render() { return ( <View style={{ alignItems: 'center' }}> - <AppText>{`${labels.tempScale.min} ${this.state.min}`}</AppText> - <AppText>{`${labels.tempScale.max} ${this.state.max}`}</AppText> + <AppText>{`${labels.tempScale.min} ${this.state.min.toFixed(1)}`}</AppText> + <AppText>{`${labels.tempScale.max} ${this.state.max.toFixed(1)}`}</AppText> <Slider values={[this.state.min, this.state.max]} min={config.temperatureScale.min} diff --git a/styles/index.js b/styles/index.js index 3d19cf39659b1d4ad9c6b72999eda7302ca7c807..c3bbc4d9903a479ea3a202bc5fc6fb4c85ee787c 100644 --- a/styles/index.js +++ b/styles/index.js @@ -191,9 +191,13 @@ export default StyleSheet.create({ width: 130 }, settingsSegment: { - backgroundColor: 'lightgrey', - padding: 10, - marginBottom: 10, + borderColor: secondaryColor, + borderStyle: 'solid', + borderWidth: 1, + borderRadius: 10, + marginTop: defaultTopMargin, + marginHorizontal: defaultIndentation, + padding: 7, }, settingsSegmentTitle: { fontWeight: 'bold'