diff options
author | Determinant <ted.sybil@gmail.com> | 2019-02-23 01:20:27 -0500 |
---|---|---|
committer | Determinant <ted.sybil@gmail.com> | 2019-02-23 01:20:27 -0500 |
commit | 0d665c8de086d79d8c49e01a262a520c65505fbf (patch) | |
tree | 1b499bfa4abd52429ebc5fc46c00f559260e626d /src/tab.tsx | |
parent | f23552831c5f2310a3afa4b16198e06a7283a069 (diff) |
improve the UI
Diffstat (limited to 'src/tab.tsx')
-rw-r--r-- | src/tab.tsx | 18 |
1 files changed, 7 insertions, 11 deletions
diff --git a/src/tab.tsx b/src/tab.tsx index 8edd67e..86e7af3 100644 --- a/src/tab.tsx +++ b/src/tab.tsx @@ -112,22 +112,18 @@ class Tab extends React.Component<TabProps> { data={d.data} height={400} borderWidth={2} - marginTop={60} marginBottom={60} - marginLeft={100} marginRight={100} - radialLabelsLinkDiagonalLength={40} - labelFontSize={14} - padAngle={0.8} /> + paddingTop={20} + paddingBottom={50} + labelFontSize={14} /> </div>) || <div style={{ - marginLeft: 100, - marginRight: 100, - marginTop: 60, + marginTop: 20, marginBottom: 60, textAlign: 'center' }}> <div style={{ position: 'relative', - height: 250, + height: 270, display: 'inline-block' }}> <Donut style={{ @@ -135,8 +131,8 @@ class Tab extends React.Component<TabProps> { }} /> <div style={{ position: 'absolute', - top: -40, - left: 55, + bottom: -40, + left: 60, }}> <Typography variant="subtitle1" align="center" color="textSecondary"> No matching events. |