Style edits plus added shadow to the bottom tab bar

js/components/ItemTile.js

@@ -17,10 +17,10 @@ export const Thumbnail = ({ thumb }: { thumb: ?string }) => (
 			width: theme.itemTile.thumbnailSize,
 			borderRadius: Math.round(theme.itemTile.thumbnailSize / 2),
 			backgroundColor: theme.itemTile.thumbnailColor,
-			marginLeft: 15,
-			marginRight: 15,
-			marginTop: 5,
-			marginBottom: 5,
+			marginLeft: 16,
+			marginRight: 16,
+			marginTop: 4,
+			marginBottom: 4,
 		}}
 	>
 		{!!thumb && (

js/components/TopToolbar.js

@@ -89,7 +89,18 @@ class TopToolbar extends Component {
 		const searchPlaceholder = /\/food/.test(route) ? 'Search Food...' : 'Search Places...';
 
 		return (
-			<View style={{ backgroundColor: palette.primaryColor }}>
+			<View style={{ 
+				backgroundColor: palette.primaryColor,
+				shadowRadius: 2,
+				shadowOpacity: 0.24,
+				shadowColor: 'black',
+				shadowOffset: {
+					height: 2,
+					width: 0,
+				},
+				elevation: 2,
+				}}
+			>
 				<SafeAreaView>
 					{!showSearch && (
 						<Toolbar

js/ui-theme.js

@@ -14,6 +14,7 @@ export const palette = {
 	facebook: '#3B5998',
 	google: '#DB4437',
 	errorColor: '#B92D00',
+	atcStdGrey: '#757575',
 };
 
 export default {
@@ -71,14 +72,14 @@ export default {
 		width: 150,
 	},
 	itemTile: {
-		thumbnailSize: 50,
+		thumbnailSize: 48,
 		thumbnailColor: COLOR.grey400,
 		itemNameStyle: {
 			fontSize: 16,
 			color: COLOR.black,
 		},
 		itemPlaceStyle: {
-			color: COLOR.grey700,
+			color: 'palette.atcStdGrey',
 			paddingTop: 1,
 		},
 		availableCountStyle: {
@@ -136,18 +137,29 @@ export default {
 	},
 	bottomNavigation: {
 		container: {
+			height: 56,
+			paddingTop: 8,
 			justifyContent: 'space-around',
 			alignItems: 'baseline',
 			borderWidth: 0,
+			backgroundColor : "#0000",
+			shadowRadius: 2,
+			shadowOpacity: 0.24,
+			shadowColor: 'black',
 			shadowOffset: {
-				height: -2,
+				height: 2,
 				width: 0,
 			},
-			shadowRadius: 2,
-			shadowColor: 'black',
+			elevation: 2,
 		},
 	},
 	bottomNavigationAction: {
+		icon: {
+			color: palette.atcStdGrey,
+		},
+		label: {
+			color: palette.atcStdGrey,
+		},
 		iconActive: {
 			color: palette.accentColor,
 		},