diff --git a/src/components/HathorList.js b/src/components/HathorList.js index e5e3f00af..900f7ba5b 100644 --- a/src/components/HathorList.js +++ b/src/components/HathorList.js @@ -31,6 +31,16 @@ export class HathorList extends Component { shadowColor: COLORS.textColor, shadowOpacity: 0.08, }, + title: { + alignSelf: 'flex-start', + paddingHorizontal: 32, + fontSize: 14, + // HSL is preferable than RGB because it allows an + // easier manipulation in arithmetic fashion. + // The following color is Black with 55% of light, + // which yields a tone of grey. + color: 'hsl(0, 0%, 55%)', + }, infinityView: { flex: 1, marginBottom: 0, @@ -48,9 +58,13 @@ export class HathorList extends Component { } return ( + <> + {this.props.title + && {this.props.title}} {this.props.children} + ); } } diff --git a/src/screens/Settings.js b/src/screens/Settings.js index 552e38ffe..09dae4ec9 100644 --- a/src/screens/Settings.js +++ b/src/screens/Settings.js @@ -98,7 +98,7 @@ export class Settings extends React.Component { ) )} - + @@ -169,6 +169,7 @@ export class Settings extends React.Component { )} /> +