diff --git a/demos/blocklyfactory/app_controller.js b/demos/blocklyfactory/app_controller.js
index 87b0c8370..735834bf0 100644
--- a/demos/blocklyfactory/app_controller.js
+++ b/demos/blocklyfactory/app_controller.js
@@ -497,7 +497,7 @@ AppController.prototype.init = function() {
this.addBlockFactoryEventListeners();
// Workspace Factory init.
- FactoryInit.initWorkspaceFactory(this.workspaceFactoryController);
+ WorkspaceFactoryInit.initWorkspaceFactory(this.workspaceFactoryController);
};
diff --git a/demos/blocklyfactory/factory.css b/demos/blocklyfactory/factory.css
index e74383966..b49958ece 100644
--- a/demos/blocklyfactory/factory.css
+++ b/demos/blocklyfactory/factory.css
@@ -313,7 +313,7 @@ td {
width: 30%;
}
-#category_section {
+#toolbox_div, #preload_div {
width: 20%;
}
@@ -388,16 +388,17 @@ td {
}
/* Links inside the dropdown */
-.dropdown-content a {
- color: black;
- display: block;
- padding: 12px 16px;
- text-decoration: none;
+.dropdown-content a, .dropdown-content label {
+ color: black;
+ display: block;
+ font-size: small;
+ padding: 12px 16px;
+ text-decoration: none;
}
-/* Change color of dropdown links on hover */
-.dropdown-content a:hover {
- background-color: #f1f1f1;
+/* Change color of dropdown links on hover. */
+.dropdown-content a:hover, .dropdown-content label:hover {
+ background-color: #f1f1f1
}
/* Show the dropdown menu */
diff --git a/demos/blocklyfactory/index.html b/demos/blocklyfactory/index.html
index ec740f22e..2630e441d 100644
--- a/demos/blocklyfactory/index.html
+++ b/demos/blocklyfactory/index.html
@@ -125,21 +125,42 @@
-
-
-
-
-
+
+
+
+
+
+
Workspace Editor:
- Drag blocks into your toolbox.
+ Drag blocks into your toolbox:
+
-