From 0901f48e826b4f0284e780e60741228acabe41cf Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Sun, 17 Feb 2019 12:02:54 +0100
Subject: [PATCH] Change order of Graph and Table tabs

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 src/App.css   |  2 +-
 src/Panel.tsx | 36 ++++++++++++++++++------------------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/App.css b/src/App.css
index 9a4fe38365..bc41479a15 100644
--- a/src/App.css
+++ b/src/App.css
@@ -11,7 +11,7 @@ body {
 }
 
 .expression-input textarea {
-    font-family: Menlo,Monaco,Consolas,'Courier New',monospace;
+    /* font-family: Menlo,Monaco,Consolas,'Courier New',monospace; */
     resize: none;
 }
 
diff --git a/src/Panel.tsx b/src/Panel.tsx
index 24706adb30..7a6b44e88a 100644
--- a/src/Panel.tsx
+++ b/src/Panel.tsx
@@ -234,14 +234,6 @@ class Panel extends Component<PanelProps, PanelState> {
         <Row>
           <Col>
             <Nav tabs>
-              <NavItem>
-                <NavLink
-                  className={this.props.options.type === 'graph' ? 'active' : ''}
-                  onClick={() => { this.setOptions({type: 'graph'}); }}
-                >
-                  Graph
-                </NavLink>
-              </NavItem>
               <NavItem>
                 <NavLink
                   className={this.props.options.type === 'table' ? 'active' : ''}
@@ -250,8 +242,26 @@ class Panel extends Component<PanelProps, PanelState> {
                   Table
                 </NavLink>
               </NavItem>
+              <NavItem>
+                <NavLink
+                  className={this.props.options.type === 'graph' ? 'active' : ''}
+                  onClick={() => { this.setOptions({type: 'graph'}); }}
+                >
+                  Graph
+                </NavLink>
+              </NavItem>
             </Nav>
             <TabContent activeTab={this.props.options.type}>
+              <TabPane tabId="table">
+                {this.props.options.type === 'table' &&
+                  <>
+                    <div className="table-controls">
+                      <TimeInput endTime={this.props.options.endTime} range={this.props.options.range} onChangeEndTime={this.handleChangeEndTime} />
+                    </div>
+                    <DataTable data={this.state.data} />
+                  </>
+                }
+              </TabPane>
               <TabPane tabId="graph">
                 {this.props.options.type === 'graph' &&
                   <>
@@ -270,16 +280,6 @@ class Panel extends Component<PanelProps, PanelState> {
                   </>
                 }
               </TabPane>
-              <TabPane tabId="table">
-                {this.props.options.type === 'table' &&
-                  <>
-                    <div className="table-controls">
-                      <TimeInput endTime={this.props.options.endTime} range={this.props.options.range} onChangeEndTime={this.handleChangeEndTime} />
-                    </div>
-                    <DataTable data={this.state.data} />
-                  </>
-                }
-              </TabPane>
             </TabContent>
           </Col>
         </Row>