From 6cb7d0098e1b77b1f5be28113b83db3c24bbda55 Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Tue, 20 Nov 2018 22:49:10 +0100
Subject: [PATCH] changed layout a little bit to fix broken children overview
 in the electron/chrome

---
 src/public/stylesheets/style.css | 7 +++++--
 src/views/details/detail.ejs     | 4 ++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index b7527f186..927ef1e81 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -77,9 +77,12 @@ body {
     overflow: auto;
     flex-basis: content;
     height: 100%;
+    display: flex;
+    flex-direction: column;
 }
 
 .note-detail-component {
+    flex-grow: 100;
     display: none;
 }
 
@@ -344,11 +347,11 @@ div.ui-tooltip {
 #children-overview {
     flex-grow: 1000;
     flex-shrink: 1000;
-    flex-basis: 0px;
+    flex-basis: 0;
     display: flex;
     flex-wrap: wrap;
     align-content: flex-start;
-    height: 100px;
+    height: 110px;
     overflow: auto;
 }
 
diff --git a/src/views/details/detail.ejs b/src/views/details/detail.ejs
index 7f95bb5ae..8f9290e7a 100644
--- a/src/views/details/detail.ejs
+++ b/src/views/details/detail.ejs
@@ -18,9 +18,9 @@
         <% include image.ejs %>
 
         <% include relation_map.ejs %>
-    </div>
 
-    <div id="children-overview"></div>
+        <div id="children-overview"></div>
+    </div>
 
     <div id="attribute-list">
         <button class="btn btn-sm show-attributes-button">Attributes:</button>