fix: docs sanbox overflow

Author: frankpagan

docs/index.html

@@ -61,14 +61,14 @@ <h4><span>node-autoscaler</span> <span class="cocreate-badge success">string</sp
 
                 <div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px  border-bottom:1px_solid_lightgrey">
                         <!-- SandBox -->
-                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+                        <div class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
 
                             <div id="demo-code" resizable class="position:relative height:50%">
                                 <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
                                 <div resize="bottom" class="background:lightgrey"></div>
                             </div>
 
-                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                            <div id="demo-preview" class="position:relative overflow:auto background-color:white">
                                 <div get-value="#demo" class="padding:20px"></div>
                             </div>
 

package.json

@@ -20,9 +20,7 @@
     "html5-framework",
     "javascript-framework"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
+  "publishConfig": { "access": "public" },
   "scripts": {
     "start": "npx webpack --config webpack.config.js --watch",
     "build": "NODE_ENV=production npx webpack --config webpack.config.js",
@@ -48,7 +46,5 @@
     "webpack-cli": "^4.3.1",
     "webpack-log": "^3.0.1"
   },
-  "dependencies": {
-    "@cocreate/docs": "^1.5.1"
-  }
+  "dependencies": { "@cocreate/docs": "^1.5.2" }
 }