diff options
Diffstat (limited to 'packages/ui/src/infobox/index.tsx')
-rw-r--r-- | packages/ui/src/infobox/index.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/ui/src/infobox/index.tsx b/packages/ui/src/infobox/index.tsx index 9066a623e..e4c2c5a3e 100644 --- a/packages/ui/src/infobox/index.tsx +++ b/packages/ui/src/infobox/index.tsx | |||
@@ -1,3 +1,4 @@ | |||
1 | import { mdiClose } from '@mdi/js'; | ||
1 | import { Theme } from '@meetfranz/theme'; | 2 | import { Theme } from '@meetfranz/theme'; |
2 | import classnames from 'classnames'; | 3 | import classnames from 'classnames'; |
3 | import React, { Component } from 'react'; | 4 | import React, { Component } from 'react'; |
@@ -48,13 +49,13 @@ const styles = (theme: Theme) => ({ | |||
48 | position: 'relative', | 49 | position: 'relative', |
49 | overflow: 'hidden', | 50 | overflow: 'hidden', |
50 | height: 'auto', | 51 | height: 'auto', |
52 | marginBottom: 30, | ||
51 | }, | 53 | }, |
52 | infobox: { | 54 | infobox: { |
53 | alignItems: 'center', | 55 | alignItems: 'center', |
54 | borderRadius: theme.borderRadiusSmall, | 56 | borderRadius: theme.borderRadiusSmall, |
55 | display: 'flex', | 57 | display: 'flex', |
56 | height: 'auto', | 58 | height: 'auto', |
57 | marginBottom: 30, | ||
58 | padding: '15px 20px', | 59 | padding: '15px 20px', |
59 | top: 0, | 60 | top: 0, |
60 | transition: 'all 0.5s', | 61 | transition: 'all 0.5s', |
@@ -192,7 +193,7 @@ class InfoboxComponent extends Component<IProps, IState> { | |||
192 | onClick={this.dismiss.bind(this)} | 193 | onClick={this.dismiss.bind(this)} |
193 | className={classes.close} | 194 | className={classes.close} |
194 | > | 195 | > |
195 | <Icon icon="mdiClose" /> | 196 | <Icon icon={mdiClose} /> |
196 | </button> | 197 | </button> |
197 | )} | 198 | )} |
198 | </div> | 199 | </div> |