blockly styling changes

src/assets/blockly.html

@@ -12,13 +12,15 @@
   <link rel="stylesheet" href="blockly/ardublockly/prettify/arduino.css">
   <link rel="stylesheet" href="blockly/ardublockly/ardublockly.css" media="screen,projection">
   <style>
+    body {
+      padding: 0px;
+    }
     .hidden {
       display: none;
     }
 
-    .resize {
-      height: 97%;
-      width: 97%;
+    .blocks_panel_large, .blocks_panel_small, #content_blocks, .content_xml_large, .content_xml_small {
+      height: 98vh;          /* Standard */
     }
   </style>
 

src/pages/Blockly/blockly.html

@@ -13,10 +13,10 @@
   </ion-navbar>
 </ion-header>
 
-<ion-content padding>
+<ion-content>
   <!-- Real floating action button, fixed. It will not scroll with the content -->
   <ion-fab top right edge>
     <button ion-fab mini (click)="launchOtaWizard()" color ="light"><ion-icon name="wifi"></ion-icon></button>
   </ion-fab>
-  <iframe #blocklyFrame src='assets/blockly.html'></iframe>
+  <iframe #blocklyFrame scrolling="no" src='assets/blockly.html'></iframe>
 </ion-content>

src/pages/Blockly/blockly.scss

@@ -1,9 +1,10 @@
 page-blockly {
     iframe {
-        height: 100%;
+        height: 98%;
         width: 100%;
         border: 0;
         margin: 0;
         padding: 0;
+        overflow-y: hidden;
     } 
 }