Skip to content
Permalink
Browse files

FIX: ListItem content space (#1197)

  • Loading branch information...
filipdanisko authored and vepor committed Sep 3, 2019
1 parent 0a6c585 commit 7cb70122c1e28110b83f6be3264993abd8120b31
Showing with 6 additions and 3 deletions.
  1. +5 −2 src/List/List.stories.js
  2. +1 −1 src/List/ListItem/index.js
@@ -10,6 +10,7 @@ import { ICON_COLORS } from "../Icon/consts";
import CarrierLogo from "../CarrierLogo";
import SPACINGS_AFTER from "../common/getSpacingToken/consts";
import RenderInRtl from "../utils/rtl/RenderInRtl";
import TextLink from "../TextLink";

import List, { ListItem } from "./index";

@@ -21,9 +22,11 @@ storiesOf("List", module)
"Default",
() => (
<List>
<ListItem>24,000 locations around the globe</ListItem>
<ListItem>
Lowest price car rental in <strong>&nbsp;Warsaw</strong>
24,000 locations <TextLink href="#">around</TextLink> the globe
</ListItem>
<ListItem>
Lowest price car rental in <strong>Warsaw</strong>
</ListItem>
<ListItem>From 3 star budget to 5 star luxury</ListItem>
</List>
@@ -39,7 +39,7 @@ IconContainer.defaultProps = {
const ListItem = ({ children, icon = <CircleSmall />, dataTest }: Props) => (
<Item data-test={dataTest}>
<IconContainer>{icon}</IconContainer>
{children}
<span>{children}</span>
</Item>
);

0 comments on commit 7cb7012

Please sign in to comment.
You can’t perform that action at this time.