UI_Changes

src/screens/home/exercise/ExerciseActionView.js

@@ -84,13 +84,6 @@ const ExerciseView = (props) => {
         }
     };
 
-    const renderStep = ({ item, index }) => (
-        <View style={styles.stepContainer}>
-                <Dot width={16} height={16} color={COLORS.primary} style={styles.dotIcon} />
-                <Text style={styles.stepItem}>{item.step}</Text>
-        </View>
-    );
-
     useEffect(() => {
         // Initialize remainingTime when component mounts
         setRemainingTime(data.duration * 2);
@@ -145,7 +138,7 @@ const ExerciseView = (props) => {
                         <Text>{remainingTime} seconds</Text>
                     </View>
                 </View>
-                <View style={{ display: 'flex', justifyContent: 'center', flexDirection: 'row' }}>
+                <View style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'coloum', paddingHorizontal: 0}}>
                     {remainingTime > 0 &&
                         <View style={styles.buttonsContainer}>
                             <TouchableOpacity style={styles.button} onPress={videoPaused ? handlePlay : handlePause}>
@@ -328,7 +321,9 @@ const styles = StyleSheet.create({
         shadowRadius: 3,
         elevation: 5,
         width: "80%",
-        marginLeft: "10%"
+        marginLeft: "10%",
+        flexDirection: 'row',
+        marginLeft: -10
     },
     linearGradient: {
         width: '100%',