From 5ae5dec98c6b920ed1f917fdcd1dcc34453ab2b1 Mon Sep 17 00:00:00 2001
From: birgitta410 <>
Date: Sun, 13 Jan 2019 14:27:57 +0100
Subject: [PATCH] Remove wrapping View from ActionHint

Wasn't necessary after all
Issue: 178
---
 components/app-text.js | 12 ++++--------
 styles/index.js        |  6 ++----
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/components/app-text.js b/components/app-text.js
index a7892b9..1011708 100644
--- a/components/app-text.js
+++ b/components/app-text.js
@@ -24,14 +24,10 @@ export function AppTextLight(props) {
 export function ActionHint(props) {
   if(props.isVisible) {
     return (
-      <View
-        style={styles.actionHintWrappingView}
-        isVisible={false}>
-        <AppText
-          style={[styles.actionHint, props.style]}>
-          {props.children}
-        </AppText>
-      </View>
+      <AppText
+        style={[styles.actionHint, props.style]}>
+        {props.children}
+      </AppText>
     )
   } else {
     return null
diff --git a/styles/index.js b/styles/index.js
index ce44ff8..9549d2f 100644
--- a/styles/index.js
+++ b/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