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 {
)}
/>
+