diff options
-rw-r--r-- | packages/instant/src/components/buy_order_progress.tsx | 1 | ||||
-rw-r--r-- | packages/instant/src/components/standard_panel_content.tsx | 10 |
2 files changed, 5 insertions, 6 deletions
diff --git a/packages/instant/src/components/buy_order_progress.tsx b/packages/instant/src/components/buy_order_progress.tsx index d93e74c9f..6568de91b 100644 --- a/packages/instant/src/components/buy_order_progress.tsx +++ b/packages/instant/src/components/buy_order_progress.tsx @@ -1,4 +1,3 @@ -import * as _ from 'lodash'; import * as React from 'react'; import { TimedProgressBar } from '../components/timed_progress_bar'; diff --git a/packages/instant/src/components/standard_panel_content.tsx b/packages/instant/src/components/standard_panel_content.tsx index 95a79bd55..89e4da70c 100644 --- a/packages/instant/src/components/standard_panel_content.tsx +++ b/packages/instant/src/components/standard_panel_content.tsx @@ -19,7 +19,7 @@ export interface StandardPanelContentProps { action: React.ReactNode; } -const spacingBetweenPx = '20px'; +const SPACING_BETWEEN_PX = '20px'; export const StandardPanelContent: React.StatelessComponent<StandardPanelContentProps> = ({ image, @@ -30,18 +30,18 @@ export const StandardPanelContent: React.StatelessComponent<StandardPanelContent }) => ( <Container height="100%"> <Flex direction="column" height="calc(100% - 58px)"> - <Container marginBottom={spacingBetweenPx}>{image}</Container> - <Container marginBottom={spacingBetweenPx}> + <Container marginBottom={SPACING_BETWEEN_PX}>{image}</Container> + <Container marginBottom={SPACING_BETWEEN_PX}> <Text fontSize="20px" fontWeight={700} fontColor={ColorOption.black}> {title} </Text> </Container> - <Container marginBottom={spacingBetweenPx}> + <Container marginBottom={SPACING_BETWEEN_PX}> <Text fontSize="14px" fontColor={ColorOption.grey} center={true}> {description} </Text> </Container> - <Container marginBottom={spacingBetweenPx}> + <Container marginBottom={SPACING_BETWEEN_PX}> {moreInfoSettings && ( <Text center={true} |