button bug fixed on probe

src/ts/@overflow/app/views/layout/TitleBar.tsx

@@ -74,8 +74,8 @@ export class TitleBar extends React.Component<Props, State> {
 
   public render(): JSX.Element {
     return (
-      <Menu fluid style={{ 'borderLeft': '0px', 'borderRight': '0px', 'boxShadow': 'none', 'borderRadius': '0' }}>
+      <Menu fluid style={{ 'borderLeft': '0px', 'borderRight': '0px', 'boxShadow': 'none', 'borderRadius': '0' }} pointing>
-        <Menu.Item style={{ width: '250px' }}>
+        <Menu.Item style={{ width: '250px' }} >
           <Header as='h3'>{this.showTitle()}
             <Header.Subheader>
               <Breadcrumb size='mini'>

src/ts/@overflow/probe/react/components/ProbeDetailInfo.tsx

@@ -46,6 +46,9 @@ export class ProbeDetailInfo extends React.Component<Props, State> {
   public handleDiscovery(event: any, data: any): void {
     alert('Discovery');
   }
+  public showStartStopBtn(): JSX.Element {
+    return <Button content='Stop' icon='stop' labelPosition='left' negative />;
+  }
 
   public render(): JSX.Element {
     return (
@@ -89,9 +92,17 @@ export class ProbeDetailInfo extends React.Component<Props, State> {
               <Table.Cell>todo</Table.Cell>
             </Table.Row>
           </Table.Body>
+          <Table.Footer>
+            <Table.Row>
+              <Table.HeaderCell colSpan='2'>
+                {this.showStartStopBtn()}
+                <Button content='Discovery' icon='search' labelPosition='left' floated={'right'} positive onClick={this.handleDiscovery} />
+              </Table.HeaderCell>
+            </Table.Row>
+          </Table.Footer>
+
         </Table>
 
-        <Button content='Discovery' icon='search' labelPosition='left' floated={'right'} positive onClick={this.handleDiscovery} />
         {/* {this.showStartStopBtn()} */}
 
       </Container>