diff --git a/captures/com.aretherecookies_2018.04.23_16.10.li b/captures/com.aretherecookies_2018.04.23_16.10.li new file mode 100644 index 0000000..26847db Binary files /dev/null and b/captures/com.aretherecookies_2018.04.23_16.10.li differ diff --git a/js/components/ItemTile.js b/js/components/ItemTile.js index 7f1be29..b03dded 100644 --- a/js/components/ItemTile.js +++ b/js/components/ItemTile.js @@ -42,7 +42,7 @@ export const SubText = ({ children, style = {} }: { children?: string, style?: O }; export const TileBox = ({ children, style = {} }: { children?: any, style?: Object }) => ( - + {children} ); diff --git a/js/components/PlaceTile.js b/js/components/PlaceTile.js index baf0dab..af1c59d 100644 --- a/js/components/PlaceTile.js +++ b/js/components/PlaceTile.js @@ -6,7 +6,7 @@ import { List } from 'immutable'; import FoodItemRecord from '../records/FoodItemRecord'; import typeof PlaceRecord from '../records/PlaceRecord'; import { Link } from 'react-router-native'; -import { Thumbnail, StrongText, SubText } from './ItemTile'; +import { TileBox, Thumbnail, StrongText, SubText } from './ItemTile'; import { routeWithTitle } from '../helpers/RouteHelpers'; import { getCategories } from '../helpers/CategoryHelpers'; import { type Map } from 'immutable'; @@ -47,13 +47,15 @@ export default pure(({ place, foodItems }: PlaceTileProps) => { to={routeWithTitle(`/place/${place.id || ''}`, place.name)} underlayColor={theme.itemTile.pressHighlightColor} > - - - - {`${place.name} - ${distance} mi`} - {getCategoriesText(foodItems)} - {getHoursText(place.hours)} - + + + + + {`${place.name} - ${distance} mi`} + {getCategoriesText(foodItems)} + {getHoursText(place.hours)} + + ); diff --git a/js/ui-theme.js b/js/ui-theme.js index 5aa4454..94d89a3 100644 --- a/js/ui-theme.js +++ b/js/ui-theme.js @@ -47,12 +47,14 @@ export default { }, itemTile: { thumbnailSize: 50, - thumbnailColor: COLOR.grey500, + thumbnailColor: COLOR.grey400, itemNameStyle: { + fontSize: 16, color: COLOR.black, }, itemPlaceStyle: { - color: COLOR.grey500, + color: COLOR.grey700, + paddingTop: 3, }, availableCountStyle: { fontSize: 25,