diff --git a/app/components/file_upload_preview/file_upload_preview.js b/app/components/file_upload_preview/file_upload_preview.js
index 85d6ebc93..267bd3dff 100644
--- a/app/components/file_upload_preview/file_upload_preview.js
+++ b/app/components/file_upload_preview/file_upload_preview.js
@@ -57,12 +57,11 @@ export default class FileUploadPreview extends PureComponent {
style={style.removeButtonWrapper}
onPress={() => this.props.actions.handleRemoveFile(file.clientId, this.props.channelId, this.props.rootId)}
>
-
@@ -104,27 +103,34 @@ const style = StyleSheet.create({
width: 115,
elevation: 10,
shadowColor: '#000',
- shadowOpacity: 1,
- shadowRadius: 8,
+ shadowOpacity: 0.5,
+ shadowRadius: 4,
shadowOffset: {
width: 0,
height: 0
}
},
+ removeButtonIcon: Platform.select({
+ ios: {
+ marginTop: 2
+ },
+ android: {
+ marginLeft: 1
+ }
+ }),
removeButtonWrapper: {
alignItems: 'center',
justifyContent: 'center',
position: 'absolute',
+ overflow: 'hidden',
top: 7,
right: 7,
- width: 20,
- height: 20,
- borderRadius: 10,
- ...Platform.select({
- android: {
- backgroundColor: '#000'
- }
- })
+ width: 24,
+ height: 24,
+ borderRadius: 12,
+ backgroundColor: '#000',
+ borderWidth: 1,
+ borderColor: '#fff'
},
scrollView: {
flex: 1,
@@ -132,6 +138,6 @@ const style = StyleSheet.create({
},
scrollViewContent: {
alignItems: 'flex-end',
- marginLeft: 16
+ marginLeft: 14
}
});