From 3306092b61a491b9180af6c78c07ebdaf799100a Mon Sep 17 00:00:00 2001
From: Christopher Poile <cpoile@gmail.com>
Date: Tue, 18 Jun 2024 16:14:31 -0400
Subject: [PATCH] cleanup

---
 .../calls/screens/call_screen/call_screen.tsx | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/app/products/calls/screens/call_screen/call_screen.tsx b/app/products/calls/screens/call_screen/call_screen.tsx
index 0fc21d5b86e..e7394624ebf 100644
--- a/app/products/calls/screens/call_screen/call_screen.tsx
+++ b/app/products/calls/screens/call_screen/call_screen.tsx
@@ -130,17 +130,17 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: CallsTheme) => ({
         width: '100%',
         height: 52,
         gap: 8,
+        paddingHorizontal: 24,
     },
     headerLeft: {
         flexDirection: 'row',
         justifyContent: 'flex-start',
         alignItems: 'center',
-        paddingLeft: 24,
-        width: 117,
+        width: 93,
         gap: 8,
     },
-    headerLeftRecOff: {
-        width: 81,
+    headerLeftRightRecOff: {
+        width: 57,
     },
     time: {
         color: theme.buttonColor,
@@ -160,15 +160,11 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: CallsTheme) => ({
     headerLandscapeNoControls: {
         top: -1000,
     },
-    collapseIconContainer: {
+    headerRight: {
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'flex-end',
-        width: 117,
-        paddingRight: 24,
-    },
-    collapseIconContainerRecOff: {
-        width: 81,
+        width: 93,
     },
     collapseIcon: {
         color: changeOpacity(theme.buttonColor, 0.56),
@@ -711,7 +707,7 @@ const CallScreen = ({
                 isLandscape && !showControlsInLandscape && style.headerLandscapeNoControls,
             ]}
         >
-            <View style={[style.headerLeft, !(waitingForRecording || recording) && style.headerLeftRecOff]}>
+            <View style={[style.headerLeft, !(waitingForRecording || recording) && style.headerLeftRightRecOff]}>
                 {waitingForRecording && <CallsBadge type={CallsBadgeType.Waiting}/>}
                 {recording && <CallsBadge type={CallsBadgeType.Rec}/>}
                 <CallDuration
@@ -730,7 +726,7 @@ const CallScreen = ({
             />
             <Pressable
                 onPress={collapse}
-                style={[style.collapseIconContainer, !(waitingForRecording || recording) && style.collapseIconContainerRecOff]}
+                style={[style.headerRight, !(waitingForRecording || recording) && style.headerLeftRightRecOff]}
             >
                 <CompassIcon
                     name='arrow-collapse'