From 439305b57e0c20799d87baf92c067ec8e262ea13 Mon Sep 17 00:00:00 2001
From: Aryan Goharzad <arrygoo@gmail.com>
Date: Mon, 23 Jan 2023 21:17:37 -0500
Subject: [PATCH] Removes white space from around images (#81)

* Removes white space from around images

* Add a subtle border
---
 src/view/com/composer/SelectedPhoto.tsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/view/com/composer/SelectedPhoto.tsx b/src/view/com/composer/SelectedPhoto.tsx
index 393c0b57..dd508fe1 100644
--- a/src/view/com/composer/SelectedPhoto.tsx
+++ b/src/view/com/composer/SelectedPhoto.tsx
@@ -25,12 +25,12 @@ export const SelectedPhoto = ({
   )
 
   return selectedPhotos.length !== 0 ? (
-    <View testID="selectedPhotosView" style={styles.imageContainer}>
+    <View testID="selectedPhotosView" style={styles.gallery}>
       {selectedPhotos.length !== 0 &&
         selectedPhotos.map((item, index) => (
           <View
             key={`selected-image-${index}`}
-            style={[styles.image, imageStyle]}>
+            style={[styles.imageContainer, imageStyle]}>
             <TouchableOpacity
               testID="removePhotoButton"
               onPress={() => handleRemovePhoto(item)}
@@ -54,16 +54,17 @@ export const SelectedPhoto = ({
 }
 
 const styles = StyleSheet.create({
-  imageContainer: {
+  gallery: {
     flex: 1,
     flexDirection: 'row',
     marginTop: 16,
   },
-  image: {
-    resizeMode: 'contain',
-    borderRadius: 8,
+  imageContainer: {
     margin: 2,
-    backgroundColor: colors.gray1,
+  },
+  image: {
+    resizeMode: 'cover',
+    borderRadius: 8,
   },
   image250: {
     width: 250,
@@ -88,5 +89,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     backgroundColor: colors.black,
     zIndex: 1,
+    borderColor: colors.gray4,
+    borderWidth: 0.5,
   },
 })