From db4d82e945aabc778a093697cc8854a16c687875 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 22 Aug 2018 13:05:28 +0200
Subject: [PATCH] Fix layout on chart view

---
 components/chart/chart.js | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/components/chart/chart.js b/components/chart/chart.js
index d31b128..c9c2b1d 100644
--- a/components/chart/chart.js
+++ b/components/chart/chart.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import { View, FlatList } from 'react-native'
+import { View, FlatList, ScrollView } from 'react-native'
 import range from 'date-range'
 import { LocalDate } from 'js-joda'
 import { yAxis, normalizeToScale, horizontalGrid } from './y-axis'
@@ -41,21 +41,23 @@ export default class CycleChart extends Component {
 
   render() {
     return (
-      <View style={{ flexDirection: 'row', marginTop: 50 }}>
-        {yAxisView}
-        {horizontalGrid}
-        {<FlatList
-          horizontal={true}
-          inverted={true}
-          showsHorizontalScrollIndicator={false}
-          data={this.state.columns}
-          renderItem={this.renderColumn}
-          keyExtractor={item => item.dateString}
-          initialNumToRender={15}
-          maxToRenderPerBatch={5}
-        >
-        </FlatList>}
-      </View>
+      <ScrollView>
+        <View style={{ flexDirection: 'row', marginTop: 50 }}>
+          {yAxisView}
+          {horizontalGrid}
+          {<FlatList
+            horizontal={true}
+            inverted={true}
+            showsHorizontalScrollIndicator={false}
+            data={this.state.columns}
+            renderItem={this.renderColumn}
+            keyExtractor={item => item.dateString}
+            initialNumToRender={15}
+            maxToRenderPerBatch={5}
+          >
+          </FlatList>}
+        </View>
+      </ScrollView>
     )
   }
 }