Merge pull request #219 from lbryio/desc-divider

add visual break before file description (if present)

app/src/page/file/view.js

@@ -346,6 +346,9 @@ class FilePage extends React.PureComponent {
                                         const channelUri = normalizeURI(channelName);
                                         navigation.navigate({ routeName: 'File', key: channelUri, params: { uri: channelUri }});
                                       }} />}
+
+                {description && description.length > 0 && <View style={filePageStyle.divider} />}
+
                 {description && <Text style={filePageStyle.description} selectable={true}>{this.linkify(description)}</Text>}
               </ScrollView>
             </View>

app/src/styles/colors.js

@@ -4,6 +4,7 @@ const Colors = {
   DescriptionGrey: '#999999',
   LbryGreen: '#40b89a',
   LightGrey: '#cccccc',
+  LighterGrey: '#e5e5e5',
   Orange: '#ffbb00',
   Red: '#ff0000',
   VeryLightGrey: '#f1f1f1',

app/src/styles/filePage.js

@@ -12,6 +12,13 @@ const filePageStyle = StyleSheet.create({
   pageContainer: {
     flex: 1
   },
+  divider: {
+    backgroundColor: Colors.LighterGrey,
+    width: '100%',
+    height: 1,
+    marginTop: 4,
+    marginBottom: 20
+  },
   innerPageContainer: {
     flex: 1,
     marginBottom: 60