Switch tab order

This change aligns the UI more closely with GitHub desktop.

Author: kgryte

src/components/BranchHeader.tsx

@@ -128,17 +128,6 @@ export class BranchHeader extends React.Component<
     return (
       <div className={this.getBranchStyle()}>
         <div style={{ display: 'flex' }}>
-          <div
-            className={this.getHistoryHeaderStyle()}
-            onClick={
-              this.props.sideBarExpanded
-                ? null
-                : () => this.props.toggleSidebar()
-            }
-            title={'Show commit history'}
-          >
-            <h3 className={historyLabelStyle}>History</h3>
-          </div>
           <div
             className={this.getBranchHeaderStyle()}
             onClick={
@@ -184,6 +173,17 @@ export class BranchHeader extends React.Component<
                 </h3>
               )}
           </div>
+          <div
+            className={this.getHistoryHeaderStyle()}
+            onClick={
+              this.props.sideBarExpanded
+                ? null
+                : () => this.props.toggleSidebar()
+            }
+            title={'Show commit history'}
+          >
+            <h3 className={historyLabelStyle}>History</h3>
+          </div>
         </div>
         {!this.props.sideBarExpanded && (
           <React.Fragment>