safari timeline

1 files changed, 15 insertions, 3 deletions

diff --git a/client/src/lib/views/livestream.js b/client/src/lib/views/livestream.js
index d3df460..ff06d0c 100644
--- a/client/src/lib/views/livestream.js
+++ b/client/src/lib/views/livestream.js
@@ -43,6 +43,8 @@ export default class Livestream extends Component {
         />
       )
     }).filter(button => !!button)
+    const first_buttons = buttons.slice(0, 3)
+    const second_buttons = buttons.slice(3)
 
     return (
       <Container heading='Livestream' bodyStyle={styles.bodyStyle}>
@@ -51,7 +53,10 @@ export default class Livestream extends Component {
           <View style={styles.overlay}></View>
         </View>
         <View style={styles.buttons}>
-          {buttons}
+          {first_buttons}
+        </View>
+        <View style={styles.buttons}>
+          {second_buttons}
         </View>
         <View style={styles.contentContainer}>
           <ClearText style={styles.body}>{this.props.content.body}</ClearText>
@@ -116,13 +121,20 @@ const styles = StyleSheet.create({
   },
   buttons: {
     width: '100%',
-    paddingTop: 20,
+    marginLeft: -25,
+    paddingTop: 30,
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
   },
+  secondButtons: {
+    paddingTop: 0,
+  },
   button: {
-    margin: 20,
+    marginTop: 0,
+    marginLeft: 10,
+    marginRight: 10,
+    marginBottom: 0,
   },
   activeButtonText: {
     color: 'red',