Remove wrapping View from ActionHint

Wasn't necessary after all
Issue: 178

components/app-text.js

@@ -24,14 +24,10 @@ export function AppTextLight(props) {
 export function ActionHint(props) {
   if(props.isVisible) {
     return (
-      <View
+      <AppText
-        style={styles.actionHintWrappingView}
+        style={[styles.actionHint, props.style]}>
-        isVisible={false}>
+        {props.children}
-        <AppText
+      </AppText>
-          style={[styles.actionHint, props.style]}>
-          {props.children}
-        </AppText>
-      </View>
     )
   } else {
     return null

styles/index.js

@@ -35,13 +35,11 @@ export default StyleSheet.create({
     fontFamily: fontLight,
     fontSize: regularSize
   },
-  actionHintWrappingView: {
-    margin: defaultIndentation
-  },
   actionHint: {
     color: secondaryColor,
     fontFamily: fontRegular,
-    fontSize: hintSize
+    fontSize: hintSize,
+    margin: defaultIndentation
   },
   paragraph: {
     marginBottom: defaultBottomMargin