From cfb81fc5303f3636df82dec82859b8b968a7e66f Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Wed, 8 Aug 2018 15:12:33 +0100
Subject: [PATCH] add visual break before file description (if present)

---
 app/src/page/file/view.js  | 3 +++
 app/src/styles/colors.js   | 1 +
 app/src/styles/filePage.js | 7 +++++++
 3 files changed, 11 insertions(+)

diff --git a/app/src/page/file/view.js b/app/src/page/file/view.js
index 126c8c7..1f19e7d 100644
--- a/app/src/page/file/view.js
+++ b/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>
diff --git a/app/src/styles/colors.js b/app/src/styles/colors.js
index 9489378..7ae78d6 100644
--- a/app/src/styles/colors.js
+++ b/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',
diff --git a/app/src/styles/filePage.js b/app/src/styles/filePage.js
index 9ec8add..2efd925 100644
--- a/app/src/styles/filePage.js
+++ b/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