luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix setting alignment

Browse Source
This commit is contained in:
Thomas Nordquist
2019-01-22 18:08:57 +01:00
parent be8e05dbfa
commit a86871b161
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/src/components/Settings.tsx
View File

@@ -86,14 +86,15 @@ class Settings extends React.Component<Props, {}> {
private renderAutoExpand() { private renderAutoExpand() {
const { classes, autoExpandLimit } = this.props const { classes, autoExpandLimit } = this.props
return ( return (
<div style={{ padding: '8px' }}> <div style={{ padding: '8px', display: 'flex' }}>
<InputLabel htmlFor="auto-expand">Auto Expand</InputLabel> <InputLabel htmlFor="auto-expand" style={{ flex: '1', marginTop: '8px' }}>Auto Expand</InputLabel>
<Select <Select
value={autoExpandLimit} value={autoExpandLimit}
onChange={this.onChangeAutoExpand} onChange={this.onChangeAutoExpand}
input={<Input name="auto-expand" id="auto-expand-label-placeholder" />} input={<Input name="auto-expand" id="auto-expand-label-placeholder" />}
name="auto-expand" name="auto-expand"
className={classes.input} className={classes.input}
style={{ flex: '1' }}
> >
<MenuItem value={0}><em>Collapsed</em></MenuItem> <MenuItem value={0}><em>Collapsed</em></MenuItem>
<MenuItem value={2}>Few</MenuItem> <MenuItem value={2}>Few</MenuItem>
@@ -113,8 +114,8 @@ class Settings extends React.Component<Props, {}> {
const { classes, topicOrder } = this.props const { classes, topicOrder } = this.props
return ( return (
<div style={{ padding: '8px' }}> <div style={{ padding: '8px', display: 'flex' }}>
<InputLabel htmlFor="auto-expand">Topic order</InputLabel> <InputLabel htmlFor="auto-expand" style={{ flex: '1', marginTop: '8px' }}>Topic order</InputLabel>
<Select <Select
value={topicOrder} value={topicOrder}
onChange={this.onChangeSorting} onChange={this.onChangeSorting}
@@ -122,6 +123,7 @@ class Settings extends React.Component<Props, {}> {
displayEmpty={true} displayEmpty={true}
name="node-order" name="node-order"
className={classes.input} className={classes.input}
style={{ flex: '1' }}
> >
<MenuItem value={TopicOrder.none}><em>default</em></MenuItem> <MenuItem value={TopicOrder.none}><em>default</em></MenuItem>
<MenuItem value={TopicOrder.abc}>a-z</MenuItem> <MenuItem value={TopicOrder.abc}>a-z</MenuItem>

2
app/src/components/TitleBar.tsx
View File

@@ -12,7 +12,7 @@ import { connect } from 'react-redux'
import { fade } from '@material-ui/core/styles/colorManipulator' import { fade } from '@material-ui/core/styles/colorManipulator'
import { settingsActions, connectionActions } from '../actions' import { settingsActions, connectionActions } from '../actions'
import { AppState } from '../reducers' import { AppState } from '../reducers'
import ClearAdornment from './helper/ClearAdornment'; import ClearAdornment from './helper/ClearAdornment'
const styles: StyleRulesCallback = theme => ({ const styles: StyleRulesCallback = theme => ({
title: { title: {