Merge pull request #1 from thecodingmachine/design

Improve the example UI

Author: mnapoli

App/Containers/Example/ExampleScreen.js

@@ -24,7 +24,7 @@ class ExampleScreen extends React.Component {
 
     return (
       <View style={Style.container}>
-        <Text style={Style.title}>Welcome to React Native!</Text>
+        <Text style={Style.title}>TheCodingMachine boilerplate</Text>
         <Text style={Style.text}>To get started, edit App.js</Text>
         <Text style={Style.text}>{instructions}</Text>
         <Text style={Style.text}>The weather temperature is: {temperature}</Text>

App/Containers/Example/ExampleScreenStyle.js

@@ -5,11 +5,14 @@ import ApplicationStyles from 'App/Theme/ApplicationStyles'
 export default StyleSheet.create({
   container: {
     ...ApplicationStyles.screen.container,
+    margin: 30,
+    flex: 1,
+    justifyContent: 'center',
   },
   title: {
-    ...Fonts.style.h1,
+    ...Fonts.style.h2,
     textAlign: 'center',
-    margin: 10,
+    marginBottom: 10,
   },
   text: {
     ...Fonts.style.normal,