diff --git a/demos/qwebr-code-cell-options.html b/demos/qwebr-code-cell-options.html
index be31ae10..8e35738a 100644
--- a/demos/qwebr-code-cell-options.html
+++ b/demos/qwebr-code-cell-options.html
@@ -121,6 +121,11 @@
width: 100%;
display: flex;
justify-content: space-between;
+ box-sizing: border-box;
+}
+
+.qwebr-editor-toolbar-left-buttons, .qwebr-editor-toolbar-right-buttons {
+ display: flex;
}
.qwebr-non-interactive-loading-container.qwebr-cell-needs-evaluation, .qwebr-non-interactive-loading-container.qwebr-cell-evaluated {
@@ -270,7 +275,7 @@
};
// Store cell data
-globalThis.qwebrCellDetails = [{"id":1,"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","options":{"output":"true","warning":"true","comment":"","context":"interactive","dpi":72,"results":"markup","label":"unnamed-chunk-1","fig-height":5,"out-width":"700px","out-height":"","message":"true","fig-width":7,"fig-cap":"","classes":""}},{"id":2,"code":" \n# Generating a simple table\ndata <- data.frame(\n Name = c(\"Alice\", \"Bob\", \"Charlie\"),\n Age = c(25, 30, 22)\n)","options":{"output":"true","warning":"true","comment":"","context":"setup","dpi":72,"results":"markup","label":"unnamed-chunk-2","fig-height":5,"out-width":"700px","out-height":"","message":"true","fig-width":7,"fig-cap":"","classes":""}},{"id":3,"code":"knitr::kable(data, \"html\")","options":{"output":"true","warning":"true","comment":"","context":"interactive","dpi":72,"results":"asis","label":"unnamed-chunk-3","fig-height":5,"out-width":"700px","out-height":"","message":"true","fig-width":7,"fig-cap":"","classes":""}},{"id":4,"code":"knitr::kable(data, \"html\")","options":{"output":"true","warning":"true","comment":"","context":"interactive","dpi":72,"results":"markup","label":"unnamed-chunk-4","fig-height":5,"out-width":"700px","out-height":"","message":"true","fig-width":7,"fig-cap":"","classes":""}},{"id":5,"code":"\nplot2::plot2(\n ~ Petal.Length | Species,\n data = iris,\n type = \"density\",\n palette = \"dark\", fill = \"by\",\n grid = TRUE,\n main = \"Distribution of petal lengths by species\"\n)","options":{"output":"true","warning":"true","comment":"","context":"output","dpi":72,"results":"markup","label":"unnamed-chunk-5","fig-height":"6","out-width":"700px","out-height":"","message":"true","fig-width":"6","fig-cap":"","classes":""}},{"id":6,"code":"\nplot2::plot2(\n ~ Petal.Length | Species,\n data = iris,\n type = \"density\",\n palette = \"dark\", fill = \"by\",\n grid = TRUE,\n main = \"Distribution of petal lengths by species\"\n)","options":{"output":"true","warning":"true","comment":"","context":"output","dpi":72,"results":"markup","label":"unnamed-chunk-6","fig-height":5,"out-width":"700px","out-height":"","message":"true","fig-width":7,"fig-cap":"","classes":""}},{"id":7,"code":"plot2::plot2(\n ~ Petal.Length | Species,\n data = iris,\n type = \"density\",\n palette = \"dark\", fill = \"by\",\n grid = TRUE,\n main = \"Distribution of petal lengths by species\"\n)","options":{"output":"true","warning":"true","comment":"","context":"output","dpi":72,"results":"markup","label":"unnamed-chunk-7","fig-height":"6","out-width":"500px","out-height":"500px","message":"true","fig-width":"6","fig-cap":"","classes":""}}];
+globalThis.qwebrCellDetails = [{"options":{"out-width":"700px","label":"unnamed-chunk-1","dpi":72,"fig-height":5,"warning":"true","message":"true","classes":"","fig-width":7,"output":"true","out-height":"","fig-cap":"","context":"interactive","results":"markup","comment":""},"code":"# Write your name here by replace ___\nname <- \"_____\"\nprint(paste0(\"Hello, \", name, \"!\"))","id":1},{"options":{"out-width":"700px","label":"unnamed-chunk-2","dpi":72,"fig-height":5,"warning":"true","message":"true","classes":"","fig-width":7,"output":"true","out-height":"","fig-cap":"","context":"setup","results":"markup","comment":""},"code":" \n# Generating a simple table\ndata <- data.frame(\n Name = c(\"Alice\", \"Bob\", \"Charlie\"),\n Age = c(25, 30, 22)\n)","id":2},{"options":{"out-width":"700px","label":"unnamed-chunk-3","dpi":72,"fig-height":5,"warning":"true","message":"true","classes":"","fig-width":7,"output":"true","out-height":"","fig-cap":"","context":"interactive","results":"asis","comment":""},"code":"knitr::kable(data, \"html\")","id":3},{"options":{"out-width":"700px","label":"unnamed-chunk-4","dpi":72,"fig-height":5,"warning":"true","message":"true","classes":"","fig-width":7,"output":"true","out-height":"","fig-cap":"","context":"interactive","results":"markup","comment":""},"code":"knitr::kable(data, \"html\")","id":4},{"options":{"out-width":"700px","label":"unnamed-chunk-5","dpi":72,"fig-height":"6","warning":"true","message":"true","classes":"","fig-width":"6","output":"true","out-height":"","fig-cap":"","context":"output","results":"markup","comment":""},"code":"\nplot2::plot2(\n ~ Petal.Length | Species,\n data = iris,\n type = \"density\",\n palette = \"dark\", fill = \"by\",\n grid = TRUE,\n main = \"Distribution of petal lengths by species\"\n)","id":5},{"options":{"out-width":"700px","label":"unnamed-chunk-6","dpi":72,"fig-height":5,"warning":"true","message":"true","classes":"","fig-width":7,"output":"true","out-height":"","fig-cap":"","context":"output","results":"markup","comment":""},"code":"\nplot2::plot2(\n ~ Petal.Length | Species,\n data = iris,\n type = \"density\",\n palette = \"dark\", fill = \"by\",\n grid = TRUE,\n main = \"Distribution of petal lengths by species\"\n)","id":6},{"options":{"out-width":"500px","label":"unnamed-chunk-7","dpi":72,"fig-height":"6","warning":"true","message":"true","classes":"","fig-width":"6","output":"true","out-height":"500px","fig-cap":"","context":"output","results":"markup","comment":""},"code":"plot2::plot2(\n ~ Petal.Length | Species,\n data = iris,\n type = \"density\",\n palette = \"dark\", fill = \"by\",\n grid = TRUE,\n main = \"Distribution of petal lengths by species\"\n)","id":7}];