fixed header small beauty fixes

This commit is contained in:
Nicola Brunner 2020-05-27 22:45:52 +02:00
parent 4585f4e7de
commit ce544b3aae

View file

@ -70,7 +70,7 @@ class MyHeader extends React.Component {
closeSimulationPanel={this.closeSimulationPanel} closeSimulationPanel={this.closeSimulationPanel}
/> />
<Responsive minWidth={768}> <Responsive minWidth={768}>
<Grid columns="equal" divided inverted padded> <Grid verticalAlign="middle" columns="equal" divided inverted padded>
<Grid.Row color="black" textAlign="center"> <Grid.Row color="black" textAlign="center">
<Grid.Column width={4} height={0.5}> <Grid.Column width={4} height={0.5}>
<Grid.Row> <Grid.Row>
@ -80,9 +80,9 @@ class MyHeader extends React.Component {
</Grid.Row> </Grid.Row>
<Divider /> <Divider />
<Grid.Row> <Grid.Row>
<div onClick={this.openSimulationPanel}> <Button basic inverted onClick={this.openSimulationPanel}>
<Button> Similuation Panel </Button> Simulation Panel
</div> </Button>
</Grid.Row> </Grid.Row>
</Grid.Column> </Grid.Column>
<Grid.Column> <Grid.Column>
@ -101,6 +101,8 @@ class MyHeader extends React.Component {
</Button> </Button>
<Divider /> <Divider />
<Segment <Segment
color="grey"
inverted
compact compact
style={{ style={{
margin: 'auto', margin: 'auto',
@ -132,9 +134,9 @@ class MyHeader extends React.Component {
</Grid.Row> </Grid.Row>
<Divider /> <Divider />
<Grid.Row> <Grid.Row>
<div onClick={this.openSimulationPanel}> <Button onClick={this.openSimulationPanel}>
<Button> Similuation Panel </Button> Simulation Panel
</div> </Button>
</Grid.Row> </Grid.Row>
</Grid.Column> </Grid.Column>
<Divider /> <Divider />