diff options
author | Fabio Berger <me@fabioberger.com> | 2018-02-24 06:10:18 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-02-24 06:15:39 +0800 |
commit | f42bdb8bab4cb6a2206ea48dca0bc07236feebc2 (patch) | |
tree | aade38c223308d48d2ef3e887c59a444e57f9b2f /packages/website/ts/components/footer.tsx | |
parent | 10aed4606223fc558d9c7f6d98ff11fa7ba393e4 (diff) | |
download | dexon-sol-tools-f42bdb8bab4cb6a2206ea48dca0bc07236feebc2.tar.gz dexon-sol-tools-f42bdb8bab4cb6a2206ea48dca0bc07236feebc2.tar.zst dexon-sol-tools-f42bdb8bab4cb6a2206ea48dca0bc07236feebc2.zip |
Fix footer on mobile
Diffstat (limited to 'packages/website/ts/components/footer.tsx')
-rw-r--r-- | packages/website/ts/components/footer.tsx | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/packages/website/ts/components/footer.tsx b/packages/website/ts/components/footer.tsx index aa597be1c..810460cac 100644 --- a/packages/website/ts/components/footer.tsx +++ b/packages/website/ts/components/footer.tsx @@ -201,11 +201,9 @@ export class Footer extends React.Component<FooterProps, FooterState> { {item.isExternal ? ( <a className="text-decoration-none" style={linkStyle} target="_blank" href={item.path}> {!_.isUndefined(iconIfExists) ? ( - <div className="sm-mx-auto" style={{ minWidth: 65 }}> - <div className="flex"> - <div className="pr1">{this._renderIcon(iconIfExists)}</div> - <div>{item.title}</div> - </div> + <div className="inline-block"> + <div className="pr1 table-cell">{this._renderIcon(iconIfExists)}</div> + <div className="table-cell">{item.title}</div> </div> ) : ( item.title |