0.7.10

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-calliope",
-  "version": "0.7.8",
+  "version": "0.7.10",
   "description": "calliope target for PXT",
   "keywords": [
     "JavaScript",
@@ -34,6 +34,6 @@
     "semantic-ui-less": "^2.2.4"
   },
   "dependencies": {
-    "pxt-core": "0.7.10"
+    "pxt-core": "0.7.13"
   }
 }

theme/style.less

@@ -88,12 +88,16 @@
 }
 
 /* Blockly Toolbox Buttons */
-#blocklyToolboxButtons .blocklyAddPackageButton {
+.blocklyToolboxButtons .blocklyAddPackageButton {
+    &:extend(.ui.button all);
+    &:extend(.circular all);
     background-color: rgba(0, 0, 0, 0.3);
     color: white;
 }
 
-#blocklyToolboxButtons .blocklyUndoButton {
+.blocklyToolboxButtons .blocklyUndoButton {
+    &:extend(.ui.button all);
+    &:extend(.circular all);
     background-color: rgba(0, 0, 0, 0.3);
     color: white;
 }
@@ -103,52 +107,22 @@
 }
 
 /* Mobile */
-@media only screen and (max-width: @largestMobileEditorBreakpoint) {
+@media only screen and (max-width: @largestMobileScreen) {
     .blocklyTreeLabel {
         font-size: 0.5rem !important;
     }
-    .organization {
-        top: auto;
-    }
 }
 
 /* Tablet */
-@media only screen and (min-width: @tabletEditorBreakpoint) and (max-width: @largestTabletEditorBreakpoint) {
-    .organization {
-        top: auto;
-    }
-    /* Blockly Toolbox buttons */
-    #blocklyToolboxButtons {
-        margin-right: 0.5rem;
-        margin-left: 0.5rem;
-    }
+@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
 }
 
 /* Small Monitor */
-@media only screen and (min-width: @computerEditorBreakpoint) and (max-width: @largestSmallMonitorEditorBreakpoint) {
-    .organization {
-        top: auto;
-    }
-    .blocklyTreeRow {
-        width: 230px;
-    }
-    /* Blockly Toolbox buttons */
-    #blocklyToolboxButtons {
-        margin-right: 1rem;
-        margin-left: 1rem;
-    }
+@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
 }
 
 /* Large Monitor */
-@media only screen and (min-width: @largeMonitorEditorBreakpoint) {
-    .blocklyTreeRow {
-        width: 230px;
-    }
-    /* Blockly Toolbox buttons */
-    #blocklyToolboxButtons {
-        margin-right: 2rem;
-        margin-left: 2rem;
-    }
+@media only screen and (min-width: @largeMonitorBreakpoint) {
 }
 
 /*******************************