From 7dfd0fd97436eb871dc04082b9417a0e0b3d24f5 Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Mon, 17 May 2021 00:53:15 +0530
Subject: [PATCH] Collapse

---
 src/lib/components/editor/editor.svelte   | 4 ++--
 src/lib/components/history/history.svelte | 2 +-
 src/routes/edit.svelte                    | 8 +++++---
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/editor/editor.svelte b/src/lib/components/editor/editor.svelte
index 50afa216..9db3d8ed 100644
--- a/src/lib/components/editor/editor.svelte
+++ b/src/lib/components/editor/editor.svelte
@@ -62,8 +62,8 @@
 			});
 		});
 		editor.layout({
-			height: divEl.parentElement.offsetHeight,
-			width: divEl.parentElement.offsetWidth
+			height: divEl.parentElement.parentElement.offsetHeight,
+			width: divEl.parentElement.parentElement.offsetWidth
 		});
 		const resizeObserver = new ResizeObserver((entries) => {
 			editor.layout({
diff --git a/src/lib/components/history/history.svelte b/src/lib/components/history/history.svelte
index 304dc7a7..88886d5b 100644
--- a/src/lib/components/history/history.svelte
+++ b/src/lib/components/history/history.svelte
@@ -13,7 +13,7 @@
 	import { onMount } from 'svelte';
 	import moment from 'moment';
 
-	const HISTORY_SAVE_INTERVAL: number = 5000;
+	const HISTORY_SAVE_INTERVAL: number = 60000;
 
 	const tabSelectHandler = (message: CustomEvent<Tab>) => {
 		autoHistoryMode.set('timeline' === message.detail.id);
diff --git a/src/routes/edit.svelte b/src/routes/edit.svelte
index fc4b38b0..fc96e5f9 100644
--- a/src/routes/edit.svelte
+++ b/src/routes/edit.svelte
@@ -111,9 +111,11 @@
 	<Navbar />
 	<div class="flex-1 flex overflow-hidden">
 		<div class="w-2/5 flex flex-col">
-			<Card class="flex-1">
+			<Card isOpen={true}>
 				<div slot="title" class="flex justify-between">
-					<div class="flex"><Tabs on:select={tabSelectHandler} {tabs} title="Mermaid" /></div>
+					<div class="flex">
+						<Tabs on:select={tabSelectHandler} {tabs} isOpen={true} title="Mermaid" />
+					</div>
 					<div class="flex gap-x-4 text-white">
 						{#if !$codeStore.autoSync}
 							<button class="bg-blue-500 hover:bg-blue-700 rounded px-1" on:click={syncDiagram}
@@ -127,7 +129,7 @@
 					</div>
 				</div>
 
-				<div class="h-full flex-grow flex-shrink-0 flex flex-col">
+				<div class="h-full flex-grow flex flex-col">
 					<div class="flex-1">
 						<Editor on:update={updateHandler} {language} {text} {errorMarkers} />
 					</div>