Merge pull request #270 from lbryio/ux-tweaks

some file page UX tweaks

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} />}

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',

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'