Merge pull request #545 from shravyaramesh/tma1037-swap-flash-icons

[TMA-1037] Swap flash icons

1 files changed, 22 insertions, 5 deletions

diff --git a/src/components/camera/styles.tsx b/src/components/camera/styles.tsx
index 33b47cc4..dbe1500b 100644
--- a/src/components/camera/styles.tsx
+++ b/src/components/camera/styles.tsx
@@ -18,9 +18,16 @@ export const styles = StyleSheet.create({
     zIndex: 999,
   },
   flashButtonContainer: {
+    zIndex: 3,
+    height: 86,
+    width: 49,
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 30,
+  },
+  flashButtonContainerBackground: {
     position: 'absolute',
-    backgroundColor: '#808080',
-    opacity: 0.25,
     zIndex: 1,
     top: normalize(50),
     right: 0,
@@ -30,7 +37,7 @@ export const styles = StyleSheet.create({
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',
-    borderRadius: 30,
+    borderRadius: 50,
   },
   galleryIcon: {
     borderWidth: 2,
@@ -47,7 +54,17 @@ export const styles = StyleSheet.create({
     height: 40,
     backgroundColor: 'grey',
   },
-  flashIcon: {
-    zIndex: 2,
+  blurView: {
+    position: 'absolute',
+    zIndex: 1,
+    top: normalize(50),
+    right: 0,
+    marginRight: normalize(18),
+    height: 86,
+    width: 49,
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 24.5,
   },
 });