From 37fb6b91397114ba5624ed0469cd274cfce86790 Mon Sep 17 00:00:00 2001
From: David Evans <davidje13@users.noreply.github.com>
Date: Fri, 2 Feb 2018 23:03:02 +0000
Subject: [PATCH] Show pane separators even while split.js is loading, fix
 Safari layout glitch

---
 scripts/interface/Interface.js | 4 ++--
 styles/editor.css              | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/scripts/interface/Interface.js b/scripts/interface/Interface.js
index ae57b54..268fa09 100644
--- a/scripts/interface/Interface.js
+++ b/scripts/interface/Interface.js
@@ -86,7 +86,7 @@ define(['require'], (require) => {
 				direction: 'vertical',
 				cursor: (options.direction === 'vertical') ?
 					'row-resize' : 'col-resize',
-				gutterSize: 1,
+				gutterSize: 0,
 				onDragStart: () => {
 					oldCursor = document.body.style.cursor;
 					document.body.style.cursor = resolvedOptions.cursor;
@@ -352,7 +352,7 @@ define(['require'], (require) => {
 					direction: 'vertical',
 					snapOffset: 5,
 					sizes: [70, 30],
-					minSize: [100, 0],
+					minSize: [100, 5],
 				});
 			}
 
diff --git a/styles/editor.css b/styles/editor.css
index 13fafb0..debd242 100644
--- a/styles/editor.css
+++ b/styles/editor.css
@@ -66,6 +66,9 @@ html, body {
 	display: inline-block;
 	width: 30%;
 	height: 100%;
+	border-right: 1px solid #808080;
+	box-sizing: border-box;
+	vertical-align: top; /* Safari fix */
 }
 
 .pane-code {
@@ -76,6 +79,8 @@ html, body {
 	background: #EEEEEE;
 	user-select: none;
 	height: 30%;
+	border-top: 1px solid #808080;
+	box-sizing: border-box;
 }
 
 .pane-view {
@@ -83,11 +88,11 @@ html, body {
 	width: 70%;
 	height: 100%;
 	position: relative;
+	vertical-align: top; /* Safari fix */
 }
 
 .gutter {
 	display: inline-block;
-	background: #808080;
 	width: 100%;
 	height: 100%;
 	position: relative;