From e7b83326d0897424305f0e3d97f1f06895388b3c Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Thu, 30 Aug 2018 13:48:29 +0100
Subject: [PATCH] some file page UX tweaks

---
 app/src/page/file/view.js            | 2 +-
 app/src/styles/fileDownloadButton.js | 3 ++-
 app/src/styles/mediaPlayer.js        | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/src/page/file/view.js b/app/src/page/file/view.js
index e165411d..dece2a0a 100644
--- a/app/src/page/file/view.js
+++ b/app/src/page/file/view.js
@@ -311,7 +311,7 @@ class FilePage extends React.PureComponent {
             <View style={this.state.fullscreenMode ? filePageStyle.innerPageContainerFsMode : filePageStyle.innerPageContainer}
                   onLayout={this.checkOrientation}>
               <View style={filePageStyle.mediaContainer}>
-                {(canOpen || (!fileInfo || (isPlayable && !canLoadMedia))) &&
+                {((canOpen || (!fileInfo || (isPlayable && !canLoadMedia))) || (!canOpen && fileInfo)) &&
                   <FileItemMedia style={filePageStyle.thumbnail} title={title} thumbnail={metadata.thumbnail} />}
                 {((!this.state.downloadButtonShown || this.state.downloadPressed) && !this.state.mediaLoaded) &&
                     <ActivityIndicator size="large" color={Colors.LbryGreen} style={filePageStyle.loading} />}
diff --git a/app/src/styles/fileDownloadButton.js b/app/src/styles/fileDownloadButton.js
index 0b0f2b4d..d7768ef6 100644
--- a/app/src/styles/fileDownloadButton.js
+++ b/app/src/styles/fileDownloadButton.js
@@ -2,7 +2,8 @@ import { StyleSheet } from 'react-native';
 
 const fileDownloadButtonStyle = StyleSheet.create({
   container: {
-    width: 160,
+    paddingLeft: 32,
+    paddingRight: 32,
     height: 36,
     borderRadius: 18,
     justifyContent: 'center',
diff --git a/app/src/styles/mediaPlayer.js b/app/src/styles/mediaPlayer.js
index dd666942..c836c0b5 100644
--- a/app/src/styles/mediaPlayer.js
+++ b/app/src/styles/mediaPlayer.js
@@ -49,7 +49,7 @@ const mediaPlayerStyle = StyleSheet.create({
     height: '100%',
   },
   playerControlsContainer: {
-    backgroundColor: 'transparent',
+    backgroundColor: '#00000020',
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center'