From a065a610c11f25259c9b70767215a7ede97e145a Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Tue, 13 Nov 2018 19:00:01 +0100
Subject: [PATCH] absolute positioning of relation map buttons to maximize
 screen estate

---
 src/public/javascripts/services/library_loader.js            | 2 +-
 .../stylesheets/{relation-map.css => relation_map.css}       | 5 +++++
 src/views/details/relation_map.ejs                           | 4 ++--
 3 files changed, 8 insertions(+), 3 deletions(-)
 rename src/public/stylesheets/{relation-map.css => relation_map.css} (95%)

diff --git a/src/public/javascripts/services/library_loader.js b/src/public/javascripts/services/library_loader.js
index 536279e85..c4b5a08f1 100644
--- a/src/public/javascripts/services/library_loader.js
+++ b/src/public/javascripts/services/library_loader.js
@@ -28,7 +28,7 @@ const RELATION_MAP = {
         "libraries/panzoom.js"
     ],
     css: [
-        "stylesheets/relation-map.css"
+        "stylesheets/relation_map.css"
     ]
 };
 
diff --git a/src/public/stylesheets/relation-map.css b/src/public/stylesheets/relation_map.css
similarity index 95%
rename from src/public/stylesheets/relation-map.css
rename to src/public/stylesheets/relation_map.css
index 3d8b8c3eb..4c16bb4dc 100644
--- a/src/public/stylesheets/relation-map.css
+++ b/src/public/stylesheets/relation_map.css
@@ -77,4 +77,9 @@ path, .jtk-endpoint { cursor:pointer; }
 
 .ui-contextmenu {
     z-index: 100;
+}
+
+.floating-button {
+    position: absolute !important;
+    z-index: 100;
 }
\ No newline at end of file
diff --git a/src/views/details/relation_map.ejs b/src/views/details/relation_map.ejs
index 550973fc5..3b4eae97b 100644
--- a/src/views/details/relation_map.ejs
+++ b/src/views/details/relation_map.ejs
@@ -1,12 +1,12 @@
 <div id="note-detail-relation-map" class="note-detail-component">
-    <button id="relation-map-create-child-note" class="btn btn-sm" type="button"
+    <button id="relation-map-create-child-note" class="btn btn-sm floating-button" type="button"
             title="Create new child note and add it into this relation map">
         <span class="jam jam-plus"></span>
 
         Create child note
     </button>
 
-    <div class="btn-group" style="float: right; padding-right: 20px;">
+    <div class="btn-group floating-button" style="right: 20px;">
         <button type="button"
                 class="btn icon-button jam jam-search-plus"
                 title="Zoom In"