From 308ff45c1c8c16177beb0b94390d151b2ec7681d Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 5 Jun 2017 18:44:09 -0400
Subject: rebuild

---
 client/src/lib/views/information.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

(limited to 'client/src/lib/views')

diff --git a/client/src/lib/views/information.js b/client/src/lib/views/information.js
index 9e69a83..1f3fc72 100644
--- a/client/src/lib/views/information.js
+++ b/client/src/lib/views/information.js
@@ -105,10 +105,12 @@ export default class Information extends Component {
 
         <Modal style={styles.modal} isVisible={this.state.essayModalVisible}>
           <ScrollView contentContainerStyle={styles.modalContainer}>
-            <View style={styles.modalBody}>
-              <Heading style={styles.essayHeader}>{this.state.essay.title.toUpperCase()}</Heading>
-              <Heading style={styles.essayBylineHeader}>{this.state.essay.byline}</Heading>
-              <HTMLView value={this.state.essayBody} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} />
+            <View style={styles.modalInner}>
+              <View style={styles.modalBody}>
+                <Heading style={styles.essayHeader}>{this.state.essay.title.toUpperCase()}</Heading>
+                <Heading style={styles.essayBylineHeader}>{this.state.essay.byline}</Heading>
+                <HTMLView value={this.state.essayBody} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} />
+              </View>
             </View>
           </ScrollView>
           <Close onPress={() => this.hideEssay()} />
@@ -195,9 +197,14 @@ const styles = StyleSheet.create({
     justifyContent: 'flex-start',
     alignItems: 'center',
   },
+  modalInner: {
+    width: '100vw',
+    alignItems: 'center',
+  },
   modalBody: {
     marginTop: 20,
     width: isMobile ? '95%' : '90%',
+    maxWidth: 650,
     backgroundColor: 'black',
     padding: isMobile ? 10 : 40,
     marginBottom: 200,
-- 
cgit v1.2.3-70-g09d2