1 files changed, 14 insertions, 17 deletions
diff --git a/client/src/lib/views/information.js b/client/src/lib/views/information.js
index 9dc5ced..aace0d9 100644
--- a/client/src/lib/views/information.js
+++ b/client/src/lib/views/information.js
@@ -8,7 +8,7 @@ import {
 } from 'react-native';
 
 import HTMLView from 'react-native-htmlview'
-import Modal from 'react-native-modal'
+import Modal from '../components/modal'
 
 import htmlStyles from '../components/htmlStyles'
 
@@ -64,17 +64,19 @@ export default class Information extends Component {
       )
     })
     return (
-      <ScrollableContainer heading="ABOUT THIS WORK" bodyStyle={styles.bodyStyle}>
-        <View style={styles.essays}>
-          {essays}
+      <View>
+        <ScrollableContainer heading="ABOUT THIS WORK" bodyStyle={styles.bodyStyle}>
+          <View style={styles.essays}>
+            {essays}
 
-          <TouchableOpacity onPress={() => this.showBios()}>
-            <View style={styles.essayContainer}>
-              <ClearText style={styles.essayTitle}>Artist Biographies</ClearText>
-              <ClearText style={styles.essayByline}>Ai Weiwei, Jacques Herzog, Phillipe de Meuron</ClearText>
-            </View>
-          </TouchableOpacity>
-        </View>
+            <TouchableOpacity onPress={() => this.showBios()}>
+              <View style={styles.essayContainer}>
+                <ClearText style={styles.essayTitle}>Artist Biographies</ClearText>
+                <ClearText style={styles.essayByline}>Ai Weiwei, Jacques Herzog, Phillipe de Meuron</ClearText>
+              </View>
+            </TouchableOpacity>
+          </View>
+        </ScrollableContainer>
 
         <Modal style={styles.modal} isVisible={this.state.biosVisible}>
           <ScrollView contentContainerStyle={styles.modalContainer}>
@@ -91,8 +93,6 @@ export default class Information extends Component {
               <ClearText style={styles.bio}>
                 {this.props.content.deMeuronBio}
               </ClearText>
-              <ClearText style={styles.footer}>
-              </ClearText>
 
             </View>
           </ScrollView>
@@ -109,7 +109,7 @@ export default class Information extends Component {
           </ScrollView>
           <Close onPress={() => this.hideEssay()} />
         </Modal>
-      </ScrollableContainer>
+      </View>
     );
   }
 }
@@ -121,7 +121,6 @@ const styles = StyleSheet.create({
     alignItems: 'flex-start',
   },
   bodyStyle: {
-    marginRight: 10,
   },
   video: {
     alignSelf: 'stretch',
@@ -153,7 +152,6 @@ const styles = StyleSheet.create({
   },
   
   essays: {
-    marginLeft: -55,
     marginBottom: 20,
   },
   essayContainer: {
@@ -161,7 +159,6 @@ const styles = StyleSheet.create({
     margin: 5,
   },
   essayTitle: {
-    textDecorationColor: '#bbb',
     textDecorationLine: 'underline',
   },
   essayByline: {