diff --git a/ReactNativeClient/lib/components/Dropdown.js b/ReactNativeClient/lib/components/Dropdown.js index c80c8397c..f99f8d316 100644 --- a/ReactNativeClient/lib/components/Dropdown.js +++ b/ReactNativeClient/lib/components/Dropdown.js @@ -64,8 +64,8 @@ class Dropdown extends React.Component { height: 35, // borderWidth: 1, // borderColor: '#ccc', - paddingLeft: 20, - paddingRight: 20, + //paddingLeft: 20, + //paddingRight: 20, flex: 1, flexDirection: 'row', alignItems: 'center', @@ -77,6 +77,7 @@ class Dropdown extends React.Component { const headerArrowStyle = Object.assign({}, this.props.headerStyle ? this.props.headerStyle : {}, { flex: 0, + marginRight: 10, }); const itemStyle = Object.assign({}, this.props.itemStyle ? this.props.itemStyle : {}, { @@ -104,8 +105,8 @@ class Dropdown extends React.Component { return ( this.headerRef_ = ref} onPress={() => { this.setState({ listVisible: true }) }}> - {headerLabel} {'▼'} + {headerLabel} { closeList(); }} > { closeList() }}> diff --git a/ReactNativeClient/lib/components/checkbox.js b/ReactNativeClient/lib/components/checkbox.js index 94c312ee5..78bfdb627 100644 --- a/ReactNativeClient/lib/components/checkbox.js +++ b/ReactNativeClient/lib/components/checkbox.js @@ -1,5 +1,5 @@ const React = require('react'); const Component = React.Component; -const { StyleSheet, TouchableHighlight } = require('react-native'); +const { StyleSheet, View, TouchableHighlight } = require('react-native'); const Icon = require('react-native-vector-icons/Ionicons').default; const styles = { @@ -55,7 +55,9 @@ class Checkbox extends Component { alignItems: 'center', }; - if (style.display) thStyle.display = style.display; + if (style && style.display === 'none') return + + //if (style.display) thStyle.display = style.display; return ( this.onPress()} style={thStyle}> diff --git a/ReactNativeClient/lib/components/note-item.js b/ReactNativeClient/lib/components/note-item.js index 93929da63..9c37d9c5d 100644 --- a/ReactNativeClient/lib/components/note-item.js +++ b/ReactNativeClient/lib/components/note-item.js @@ -91,7 +91,7 @@ class NoteItemComponent extends Component { const theme = themeStyle(this.props.theme); // IOS: display: none crashes the app - let checkboxStyle = !isTodo ? { } : { color: theme.color }; + let checkboxStyle = !isTodo ? { display: 'none' } : { color: theme.color }; if (isTodo) { checkboxStyle.paddingRight = 10; diff --git a/ReactNativeClient/lib/components/screen-header.js b/ReactNativeClient/lib/components/screen-header.js index 287f49650..17b71724a 100644 --- a/ReactNativeClient/lib/components/screen-header.js +++ b/ReactNativeClient/lib/components/screen-header.js @@ -277,7 +277,7 @@ class ScreenHeaderComponent extends Component { backgroundColor: theme.backgroundColor, }} headerStyle={{ - color: theme.raisedColor, + color: theme.raisedHighlightedColor, fontSize: theme.fontSize, }} itemStyle={{ diff --git a/ReactNativeClient/lib/components/screens/config.js b/ReactNativeClient/lib/components/screens/config.js index ed4977f78..bf6ec0624 100644 --- a/ReactNativeClient/lib/components/screens/config.js +++ b/ReactNativeClient/lib/components/screens/config.js @@ -35,6 +35,7 @@ class ConfigScreenComponent extends BaseScreenComponent { settingContainer: { flex: 1, flexDirection: 'row', + alignItems: 'center', borderBottomWidth: 1, borderBottomColor: theme.dividerColor, paddingTop: theme.marginTop, @@ -63,7 +64,8 @@ class ConfigScreenComponent extends BaseScreenComponent { styles.switchSettingControl = Object.assign({}, styles.settingControl); delete styles.switchSettingControl.color; - styles.switchSettingControl.width = '20%'; + //styles.switchSettingControl.width = '20%'; + styles.switchSettingControl.flex = 0; this.styles_[themeId] = StyleSheet.create(styles); return this.styles_[themeId];