Merge pull request #1094 from legendb317/save-on-refresh

small fixes to jupyterlab voila extension

Author: jtpio

packages/jupyterlab-preview/src/preview.tsx

@@ -97,15 +97,15 @@ export class VoilaPreview extends DocumentWidget<IFrame, INotebookModel> {
     const reloadButton = new ToolbarButton({
       icon: refreshIcon,
       tooltip: 'Reload Preview',
-      onClick: () => {
+      onClick: async () => {
+        await context.save();
         this.reload();
       }
     });
 
     const renderOnSaveCheckbox = ReactWidget.create(
       <label className="jp-VoilaPreview-renderOnSave">
         <input
-          style={{ verticalAlign: 'middle' }}
           name="renderOnSave"
           type="checkbox"
           defaultChecked={renderOnSave}

packages/jupyterlab-preview/style/base.css

@@ -4,4 +4,5 @@
 
 .jp-VoilaPreview-renderOnSave {
   align-items: center;
+  display: flex;
 }