aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/instant/src/components/animations/slide_up_and_down_animation.tsx1
-rw-r--r--packages/instant/src/components/ui/text.tsx4
2 files changed, 4 insertions, 1 deletions
diff --git a/packages/instant/src/components/animations/slide_up_and_down_animation.tsx b/packages/instant/src/components/animations/slide_up_and_down_animation.tsx
index 9c18e0933..5fa0b0eda 100644
--- a/packages/instant/src/components/animations/slide_up_and_down_animation.tsx
+++ b/packages/instant/src/components/animations/slide_up_and_down_animation.tsx
@@ -19,7 +19,6 @@ export interface SlideAnimationProps {
animationType: string;
animationDirection?: string;
}
-
export const SlideAnimation =
styled.div <
SlideAnimationProps >
diff --git a/packages/instant/src/components/ui/text.tsx b/packages/instant/src/components/ui/text.tsx
index 9fb8ea26f..af8e4d933 100644
--- a/packages/instant/src/components/ui/text.tsx
+++ b/packages/instant/src/components/ui/text.tsx
@@ -21,6 +21,8 @@ export interface TextProps {
hoverColor?: string;
noWrap?: boolean;
display?: string;
+ marginRight?: string;
+ marginLeft?: string;
}
const PlainText: React.StatelessComponent<TextProps> = ({ children, className, onClick }) => (
@@ -47,6 +49,8 @@ export const Text = styled(PlainText)`
${props => (props.display ? `display: ${props.display}` : '')};
${props => (props.letterSpacing ? `letter-spacing: ${props.letterSpacing}` : '')};
${props => (props.textTransform ? `text-transform: ${props.textTransform}` : '')};
+ ${props => (props.marginRight ? `margin-right: ${props.marginRight}` : '')};
+ ${props => (props.marginLeft ? `margin-right: ${props.marginLeft}` : '')};
&:hover {
${props =>
props.onClick