front

App.css

@@ -32,7 +32,7 @@
   z-index: 1;
   flex-shrink: 0;
   position: absolute;
-  height: calc(100vh - 15px);
+  height: calc(100vh - 50px);
   display: flex;
   flex-direction: row;
 
@@ -70,9 +70,10 @@
 .playground{
   background-color:#dfdfdf;
   margin-top: 0px;
-  height: calc(100vh - 5px);
+  height: calc(100vh - 50px);
   display: flex;
   flex-direction: column;
+
 }
 
 .phone{
@@ -87,7 +88,7 @@
   margin-left:285px;
   height: 47px;
   background: #F8F8F8 0% 0% no-repeat;
-  width:100%;
+  width:auto;
   box-shadow: 0px 1px  0px 0px #F8F8F8;
   opacity: 1;
 

App.js

@@ -60,7 +60,6 @@ export default class App extends React.Component {
      })*/
   }
   render(){
-    console.log("re render")
     let customStyle = {
       zoom: this.state.zoom
     };  

Systems/Gui.js

@@ -323,8 +323,8 @@ const styles = StyleSheet.create({
     flex:1,
     alignSelf: 'stretch',
     // iphone X
-    width:1125/3,
-    height: 2436/3
+    width:375,
+    height: 667
 
   },