message: refactors saved shows flex box content
diff: @@ -9,7 +9,7 @@ import SwitchBoard from "lib/NativeModules/SwitchBoard"
  import { hrefForPartialShow } from "lib/utils/router"
  import { Schema, Track, track as _track } from "lib/utils/track"
  import React from "react"
  -import { Dimensions, TouchableWithoutFeedback } from "react-native"
  +import { TouchableWithoutFeedback } from "react-native"
  import { commitMutation, createFragmentContainer, graphql, RelayProp } from "react-relay"
  import styled from "styled-components/native"
  @@ -104,14 +104,11 @@ export class ShowItemRow extends React.Component<Props, State> {
  render() {
  const { show } = this.props
  const imageURL = show.cover_image && show.cover_image.url
  - const { width } = Dimensions.get("window")
  - const isScreenNarrow = width <= 320
  return (
  <TouchableWithoutFeedback onPress={this.handleTap.bind(this)}>
  <Box py={2}>
  - <Flex flexDirection="row" flexGrow="1">
  - <Flex flexGrow="1" flexDirection="row" alignItems="center">
  + <Flex flexDirection="row">
  {!imageURL ? (
  <DefaultImageContainer>
  <Box p={2}>
  @@ -121,7 +118,7 @@ export class ShowItemRow extends React.Component<Props, State> {
  ) : (
  <OpaqueImageView width={58} height={58} imageURL={imageURL} />
  )}
  - <Flex flexDirection="column" flexGrow="1" width={isScreenNarrow ? width / 7 : 197}>
  + <Flex flexDirection="column" flexGrow={1} width={180}>
  {show.partner &&
  show.partner.name && (
  <Sans size="3t" color="black" weight="medium" numberOfLines={1} ml={15}>
  @@ -142,9 +139,7 @@ export class ShowItemRow extends React.Component<Props, State> {
  </Sans>
  )}
  </Flex>
  - </Flex>
  - <Box width={isScreenNarrow ? width / 8 : 50} ml={isScreenNarrow ? 10 : 0}>
  - <Flex alignItems="flex-start" justifyContent="flex-end" flexDirection="row">
  + <Flex flexDirection="row">
  <InvertedButton
  inProgress={this.state.isFollowedSaving}
  text={show.is_followed ? "Saved" : "Save"}
  @@ -153,7 +148,6 @@ export class ShowItemRow extends React.Component<Props, State> {
  noBackground={true}
  />
  </Flex>
  - </Box>
  </Flex>
  </Box>
  </TouchableWithoutFeedback>
  