lunch events & sslopps ui + small changes

app/styles/liststyles.js

@@ -1,4 +1,4 @@
-import {StyleSheet, StatusBar} from 'react-native';
+import {StyleSheet, StatusBar, Dimensions} from 'react-native';
 
 const styles = StyleSheet.create({
   container: {
@@ -11,6 +11,43 @@ const styles = StyleSheet.create({
     borderBottomWidth: 1.5,
     borderColor: 'black'
   },
+  moreDefault: {
+    flex: 1,
+    backgroundColor:'white', 
+    paddingHorizontal: '5%'
+  },
+  listItem: {
+    display: 'flex', 
+    borderBottomColor:'#D5D5D5',
+    borderBottomWidth:.5
+  },
+  container2: {
+    display: 'flex', 
+    flexDirection: 'row', 
+    height: Dimensions.get('window').height*0.075,
+    alignItems: 'center'
+  },
+  sideImage: {
+    height: 40,
+    width: 40, 
+    marginRight: 10,
+    tintColor: '#323232'
+  },
+  accordian: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    width: '85%'
+  },
+	accordianHeader: {
+		paddingBottom: '2%',
+		fontSize:16
+	},
+  accordianText: {
+    paddingBottom: '2%',
+		fontSize:16,
+    fontWeight: '200',
+  },
   item1: {
     backgroundColor: 'white',
     padding: 15,

app/styles/morestyles.js

@@ -5,9 +5,9 @@ console.log(Dimensions.get('window'))
 
 const styles=StyleSheet.create({
 	moreitem: {
-		backgroundColor:'red',
-		borderBottomColor:'white',
-		borderBottomWidth:0.5,
+		backgroundColor:'white',
+		borderBottomColor:'#D5D5D5',
+		borderBottomWidth:.5,
 		height: Dimensions.get('window').height*0.075,
 		paddingLeft: '3%',
 		fontSize: 32,
@@ -16,8 +16,7 @@ const styles=StyleSheet.create({
 		alignItems: 'center',
 	},
 	moretext: {
-		color:'#e3e3e3',
-		fontSize:22,
+		fontSize:20,
 	},
 	headerTitle: {
 		fontWeight: 'bold',
@@ -27,24 +26,6 @@ const styles=StyleSheet.create({
 		alignItems: 'center',
     	marginTop: '3%',
 	},
-	image: {
-		height: 100,
-		width: 400,
-		borderTopRightRadius: 16,
-		borderTopLeftRadius: 16,
-	},
-	textContainer: {
-		backgroundColor: 'black',
-		width: 400,
-		borderBottomLeftRadius: 16,
-		borderBottomRightRadius: 16,
-	},
-	resourceText: {
-		fontWeight: 'bold',
-		color: 'white',
-		fontSize:32,
-		textAlign:'center',
-	},
 	openPage: {
 		display: 'flex',
 		flexDirection: 'column',