From 5af0ba1fcbd58ed99e6644693b7b283e8313a8bd Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Tue, 17 Apr 2018 20:04:27 -0400
Subject: [PATCH] layout fixes

---
 src/public/stylesheets/style.css | 13 ++++++++++---
 src/views/index.ejs              |  3 +--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 463adcdd7..2895088fb 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -6,7 +6,7 @@
     grid-template-areas: "header header"
                          "left-pane title"
                          "left-pane note-detail";
-    grid-template-columns: 2fr 5fr;
+    grid-template-columns: 29% 70%;
     grid-template-rows: auto
                         auto
                         1fr;
@@ -61,8 +61,6 @@
 }
 
 ul.fancytree-container {
-    overflow: auto;
-    position: relative;
     outline: none !important;
 }
 
@@ -161,12 +159,21 @@ div.ui-tooltip {
     width: auto;
 }
 
+#tree {
+    overflow: auto;
+    flex-grow: 100;
+    flex-shrink: 100;
+    margin-top: 10px;
+}
+
 #parent-list {
     display: none;
     margin-left: 20px;
     border-top: 2px solid #eee;
     padding-top: 10px;
     grid-area: parent-list;
+    max-height: 300px;
+    overflow: auto;
 }
 
 #parent-list ul {
diff --git a/src/views/index.ejs b/src/views/index.ejs
index cfd98145e..a54401733 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -68,8 +68,7 @@
           </div>
         </div>
 
-        <div id="tree" class="hide-toggle" style="overflow: auto; flex-grow: 100; flex-shrink: 100; margin-top: 10px;">
-        </div>
+        <div id="tree" class="hide-toggle"></div>
 
         <div id="parent-list">
           <p><strong>Note locations:</strong></p>