Merge pull request #239 from wavetermdev:evan/tab-drag-fix

Fix tab drag events not registering state update

src/app/magiclayout.ts

@@ -22,7 +22,7 @@ let MagicLayout = {
     TermDescendersHeight: 3,
     TermWidthBuffer: 15,
 
-    TabWidth: 175,
+    TabWidth: 154,
 
     ScreenSidebarWidthPadding: 5,
     ScreenSidebarMinWidth: 200,

src/app/workspace/screen/tabs.tsx

@@ -21,7 +21,6 @@ class ScreenTabs extends React.Component<
     { showingScreens: Screen[]; scrollIntoViewTimeout: number }
 > {
     tabsRef: React.RefObject<any> = React.createRef();
-    tabRefs: { [screenId: string]: React.RefObject<any> } = {};
     lastActiveScreenId: string = null;
     dragEndTimeout = null;
     scrollIntoViewTimeoutId = null;
@@ -169,16 +168,6 @@ class ScreenTabs extends React.Component<
         // For touchpad events, do nothing and let the browser handle it
     }
 
-    @boundMethod
-    openScreenSettings(e: any, screen: Screen): void {
-        e.preventDefault();
-        e.stopPropagation();
-        mobx.action(() => {
-            GlobalModel.screenSettingsModal.set({ sessionId: screen.sessionId, screenId: screen.screenId });
-        })();
-        GlobalModel.modalsModel.pushModal(constants.SCREEN_SETTINGS);
-    }
-
     render() {
         let { showingScreens } = this.state;
         let { session } = this.props;