fixed header small beauty fixes

This commit is contained in:
Nicola Brunner 2020-05-27 22:45:52 +02:00
parent 4585f4e7de
commit ce544b3aae
1 changed files with 9 additions and 7 deletions

View File

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