Update width to hide sidebar and sim initial width (#962)

Author: microbit-robert

src/common/screenWidthUtils.ts

@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: MIT
  */
 
-export const widthToHideSidebar = 1376;
+export const widthToHideSidebar = 1365;
 export const sidebarToWidthRatio = 0.27;
-export const hideSidebarMediaQuery = `(max-width: ${widthToHideSidebar - 1}px)`;
+export const simulatorToWidthRatio = 0.29;
+export const hideSidebarMediaQuery = `(max-width: ${widthToHideSidebar}px)`;

src/workbench/Workbench.tsx

@@ -10,6 +10,7 @@ import { useIntl } from "react-intl";
 import {
   hideSidebarMediaQuery,
   sidebarToWidthRatio,
+  simulatorToWidthRatio,
   widthToHideSidebar,
 } from "../common/screenWidthUtils";
 import {
@@ -188,6 +189,13 @@ const EditorWithSimulator = ({
       minimums={simulatorMinimums}
       height="100%"
       mode={simulatorShown ? "open" : "collapsed"}
+      initialSize={Math.min(
+        350,
+        Math.max(
+          simulatorMinimums[0],
+          Math.floor(window.innerWidth * simulatorToWidthRatio)
+        )
+      )}
     >
       <SplitViewRemainder>
         <Editor editor={editor} />