diff options
author | Determinant <ted.sybil@gmail.com> | 2019-02-19 17:28:31 -0500 |
---|---|---|
committer | Determinant <ted.sybil@gmail.com> | 2019-02-19 17:28:31 -0500 |
commit | a0c4c906fb45dc37be38683f3caf13d310e8961d (patch) | |
tree | 50973aa766e695690eb002aadc7981465d7bed5c /src/Settings.tsx | |
parent | 4405b25ca6844b27ecc18ec91e37470d283726d3 (diff) |
more improvements
Diffstat (limited to 'src/Settings.tsx')
-rw-r--r-- | src/Settings.tsx | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/src/Settings.tsx b/src/Settings.tsx index 1e5df42..d44f1f6 100644 --- a/src/Settings.tsx +++ b/src/Settings.tsx @@ -38,7 +38,8 @@ const styles = (theme: Theme): StyleRules => ({ verticalAlign: 'top', textAlign: 'right', lineHeight: '3em', - minWidth: 250 + minWidth: 250, + width: '20%' }, tableContent: { textAlign: 'left', @@ -48,13 +49,13 @@ const styles = (theme: Theme): StyleRules => ({ marginLeft: -12 }, calendarList: { - maxHeight: 400, + maxHeight: 200, overflowY: 'auto' }, bottomButtons: { marginTop: 10, textAlign: 'right', - minWidth: 600 + minWidth: 650 }, trackedPeriodInput: { paddingTop: 10, @@ -158,6 +159,7 @@ type SettingsProps = { tableHead: string, tableContent: string, calendarList: string, + patternTableCell: string, bottomButtons: string, trackedPeriodInput: string, list: string, @@ -442,9 +444,10 @@ class Settings extends React.Component<SettingsProps> { </IconButton> Calendars </STableCell> - <STableCell className={classes.tableContent}> + <STableCell className={classes.tableContent} style={{paddingRight: 0}}> + <div className={classNames(classes.calendarList, classes.list)}> {(this.state.isLoggedIn && - <List className={classNames(classes.calendarList, classes.list)} disablePadding> + <List disablePadding> {Object.keys(this.state.calendars).sort().map(id => <CompactListItem key={id} @@ -456,7 +459,7 @@ class Settings extends React.Component<SettingsProps> { disableRipple /> <ListItemText primary={this.state.calendars[id].name} /> </CompactListItem>)} - </List>) || 'Please Login.'} + </List>) || 'Please Login.'}</div> </STableCell> </TableRow> <TableRow> @@ -473,7 +476,7 @@ class Settings extends React.Component<SettingsProps> { onClick={this.handleLoadDefault}>Load Default</Button> </div> </STableCell> - <STableCell className={classes.tableContent} style={{paddingRight: 0}}> + <STableCell className={classes.tableContent} style={{paddingRight: 0}}> {(this.state.isLoggedIn && <FormControl fullWidth={true} className={classes.patternTable}> <PatternTable @@ -510,8 +513,8 @@ class Settings extends React.Component<SettingsProps> { <STableCell className={classes.tableHead}> Misc </STableCell> - <STableCell className={classes.tableContent}> - <List className={classes.list} disablePadding> + <STableCell className={classNames(classes.tableContent, classes.list)}> + <List disablePadding> <CompactListItem key="overrideNewTab" onClick={() => this.toggleOverrideNewTab()} |