Tweaks to embed

Author: CompuIves

packages/app/src/embed/components/App/elements.js

@@ -33,9 +33,9 @@ export const Moving = styled.div`
   position: absolute;
   top: 0;
   bottom: 0;
-  left: 0;
+  left: props.sidebarOpen ? 250 : 0;
   right: 0;
-  transform: translateX(${props => (props.sidebarOpen ? 250 : 0)}px);
+  width: ${props => (props.sidebarOpen ? 'calc(100% - 250px)' : '100%')};
   border: 1px solid;
   /* 8 digit hex code with last 2 for opacity */
   border-color: ${props => props.theme.colors.sideBar.border + '33'};

packages/app/src/embed/components/Content/index.tsx

@@ -83,7 +83,7 @@ type State = {
   running: boolean;
   currentDevToolPosition: DevToolsTabPosition;
 };
-
+// eslint-disable-next-line import/no-default-export
 export default class Content extends React.PureComponent<Props, State> {
   state: State;
 

packages/app/src/sandbox/status-screen/run-on-click-screen.html

@@ -4,6 +4,7 @@
     color: #fff;
     font-family: 'Inter UI', sans-serif;
     background: #151515;
+    cursor: pointer;
   }
 
   .container {