From 86261dad30b9d1568cadd30ea25be8e1d735ba72 Mon Sep 17 00:00:00 2001
From: enahum <nahumhbl@gmail.com>
Date: Fri, 18 Aug 2017 13:19:21 -0300
Subject: [PATCH] RN-303 fix small screen error overlap (#857)

* RN-303 fix small screen error overlap

* feeback review
---
 app/screens/create_channel/create_channel.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/screens/create_channel/create_channel.js b/app/screens/create_channel/create_channel.js
index 57ea5e93f..db818e92f 100644
--- a/app/screens/create_channel/create_channel.js
+++ b/app/screens/create_channel/create_channel.js
@@ -243,12 +243,12 @@ class CreateChannel extends PureComponent {
                     ref={this.scrollRef}
                     style={style.container}
                 >
+                    {displayError}
                     <TouchableWithoutFeedback onPress={this.blur}>
                         <View style={[style.scrollView, {height: height + (Platform.OS === 'android' ? 200 : 0)}]}>
-                            {displayError}
                             <View>
                                 <FormattedText
-                                    style={[style.title, {marginTop: (error ? 10 : 0)}]}
+                                    style={style.title}
                                     id='channel_modal.name'
                                     defaultMessage='Name'
                                 />
@@ -350,15 +350,14 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
         scrollView: {
             flex: 1,
             backgroundColor: changeOpacity(theme.centerChannelColor, 0.03),
-            paddingTop: 30
+            paddingTop: 10
         },
         errorContainer: {
-            position: 'absolute'
+            backgroundColor: changeOpacity(theme.centerChannelColor, 0.03)
         },
         errorWrapper: {
             justifyContent: 'center',
-            alignItems: 'center',
-            marginBottom: 10
+            alignItems: 'center'
         },
         inputContainer: {
             marginTop: 10,