message: Fixes Exhibitor name overflows and pushes follow button off the screen
diff: -import { Box, Flex, Sans, Serif } from "@artsy/palette"
  +import { Box, Flex, Sans, Serif, space } from "@artsy/palette"
  import InvertedButton from "lib/Components/Buttons/InvertedButton"
  import OpaqueImageView from "lib/Components/OpaqueImageView"
  import React from "react"
  -import { TouchableOpacity } from "react-native"
  +import { Dimensions, TouchableOpacity } from "react-native"
  import styled from "styled-components/native"
  interface Props {
  @@ -15,6 +15,8 @@ interface Props {
  onViewFairBoothPressed: () => void
  }
  +const roundedImageSize = 45
  +
  export const FairBoothPreviewHeader: React.SFC<Props> = ({
  name,
  location,
  @@ -24,12 +26,14 @@ export const FairBoothPreviewHeader: React.SFC<Props> = ({
  url,
  onViewFairBoothPressed,
  }) => {
  + const buttonWidth = 102
  + const partnerNameWidth = Dimensions.get("window").width - buttonWidth - roundedImageSize - space(4) - space(1)
  return (
  <Flex justifyContent="space-between" alignItems="center" flexDirection="row" mb={1}>
  <TouchableOpacity onPress={() => onViewFairBoothPressed()}>
  <ImageAndTextWrapper flexDirection="row" alignItems="center">
  <Box mr={1}>{url && <RoundedImage imageURL={url} aspectRatio={1} />}</Box>
  - <Box>
  + <Box width={partnerNameWidth}>
  <TightendSerif size="2">{name}</TightendSerif>
  {location && (
  <TightendSans size="2" color="black60">
  @@ -39,7 +43,6 @@ export const FairBoothPreviewHeader: React.SFC<Props> = ({
  </Box>
  </ImageAndTextWrapper>
  </TouchableOpacity>
  - {/* TODO: Convert the width and height to a padding */}
  <Box width={102} height={34}>
  <InvertedButton
  grayBorder={true}
  @@ -54,8 +57,8 @@ export const FairBoothPreviewHeader: React.SFC<Props> = ({
  }
  const RoundedImage = styled(OpaqueImageView)`
  - height: 45;
  - width: 45;
  + height: ${roundedImageSize};
  + width: ${roundedImageSize};
  border-radius: 22.5;
  overflow: hidden;
  `
  