bonkers scroll bugs

1 files changed, 11 insertions, 3 deletions

diff --git a/client/src/lib/timeline/timelineEvent.js b/client/src/lib/timeline/timelineEvent.js
index 3888fc2..d8165fa 100644
--- a/client/src/lib/timeline/timelineEvent.js
+++ b/client/src/lib/timeline/timelineEvent.js
@@ -46,6 +46,14 @@ export default class TimelineEvent extends Component {
     } else {
       image = <View></View>
     }
+    
+    let imageContainer;
+    if (isMobile) {
+      imageContainer = null
+    }
+    else {
+      imageContainer = ( <View style={styles.imageContainer}>{image}</View> )
+    }
     return (
       <TouchableOpacity style={styles.item} activeOpacity={0.8} onPress={() => this.props.onPress(this.props.item) }>
         <div ref={(ref) => this.ref = ref}></div>
@@ -53,7 +61,7 @@ export default class TimelineEvent extends Component {
           <View style={styles.dateContainer}>
             <ClearText style={styles.date}>{item.date}</ClearText>
           </View>
-          <View style={styles.imageContainer}>{image}</View>
+          {imageContainer}
           <View style={styles.titleContainer}>
             <ClearText style={styles.title}>{item.title}</ClearText>
           </View>
@@ -75,7 +83,7 @@ const styles = StyleSheet.create({
     minHeight: 100,
   },
   dateContainer: {
-    width: '30%',
+    width: isMobile ? '50%' : '30%',
     justifyContent: 'flex-start',
     alignItems: 'center',
     paddingRight: 10,
@@ -88,7 +96,7 @@ const styles = StyleSheet.create({
     marginRight: 10,
   },
   titleContainer: {
-    width: '30%',
+    width: isMobile ? '50%' : '30%',
     justifyContent: 'flex-start',
     alignItems: 'center',
     paddingLeft: 10,