changes design of settings page

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'}
     />
   )
 }

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}