From 3b047dbe6d62960f81b9db0249558e59d4be47e8 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 8 Apr 2021 10:52:10 +0200
Subject: [PATCH] fix

---
 .../src/appobj/DatabaseObjectAppObject.svelte   | 17 +++++++++++++++++
 .../web/src/jsonview/CollectionJsonView.svelte  | 14 +++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/appobj/DatabaseObjectAppObject.svelte b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
index 78df55d4..1597041a 100644
--- a/packages/web/src/appobj/DatabaseObjectAppObject.svelte
+++ b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
@@ -186,6 +186,23 @@
         },
       },
     ],
+    collections: [
+      {
+        label: 'Open data',
+        tab: 'CollectionDataTab',
+        forceNewTab: true,
+      },
+      {
+        label: 'Open JSON',
+        tab: 'CollectionDataTab',
+        forceNewTab: true,
+        initialData: {
+          grid: {
+            isJsonView: true,
+          },
+        },
+      },
+    ],
   };
 
   export async function openDatabaseObjectDetail(
diff --git a/packages/web/src/jsonview/CollectionJsonView.svelte b/packages/web/src/jsonview/CollectionJsonView.svelte
index 19f42ec6..61a8fd09 100644
--- a/packages/web/src/jsonview/CollectionJsonView.svelte
+++ b/packages/web/src/jsonview/CollectionJsonView.svelte
@@ -60,7 +60,7 @@
   // $: console.log('GRIDER', grider);
 </script>
 
-<div class="flexcol flex1" use:contextMenu={menu}>
+<div class="wrapper" use:contextMenu={menu}>
   <div class="toolbar">
     <Pager bind:skip bind:limit on:load={() => display.reload()} />
   </div>
@@ -86,5 +86,17 @@
 
   .json {
     overflow: auto;
+    flex: 1;
+    /* position: relative; */
+  }
+
+  .wrapper {
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
   }
 </style>