From 5761a5ce0b07599c77c5d5149b0763b809816e3b Mon Sep 17 00:00:00 2001
From: exyi <exyi@outlook.cz>
Date: Mon, 28 Sep 2020 20:28:20 +0000
Subject: [PATCH] The Graph is everywhere

---
 frontend/src/Editor.svelte    |  4 +++-
 frontend/src/Graph.svelte     | 16 +++++++++++++++-
 frontend/src/TaskPanel.svelte |  2 +-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor.svelte b/frontend/src/Editor.svelte
index 9519902..db332a2 100644
--- a/frontend/src/Editor.svelte
+++ b/frontend/src/Editor.svelte
@@ -68,6 +68,8 @@
   .right {
     width: 40vw;
     height: 100%;
+    z-index: 20;
+    position: relative;
   }
 
   .left {
@@ -111,7 +113,7 @@
     <div class="toolbox">
       <div>Toolbox</div>
       <div>
-        <button on:click={addEdge}>Pridat hranu - posledni vyzaduje predposledni</button>
+        <button disabled={clicked.length <= 1} on:click={addEdge}>Přidat hranu {clicked[clicked.length - 2]} -&gt; {clicked[clicked.length - 1]}</button>
       </div>
       <div><button on:click={graph.runSimulation}>Spustit simulaci</button></div>
       <div>
diff --git a/frontend/src/Graph.svelte b/frontend/src/Graph.svelte
index b8b2da9..d086e03 100644
--- a/frontend/src/Graph.svelte
+++ b/frontend/src/Graph.svelte
@@ -98,8 +98,22 @@
 
 <style>
   div {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+  }
+  :global(#header) {
+    z-index: 20
+  }
+  :global(#wrapper) {
+    display: flex;
+    flex-direction: column;
     height: 100%;
-    width: 100%;
+  }
+  :global(#page) {
+    flex-grow: 1;
   }
 </style>
 
diff --git a/frontend/src/TaskPanel.svelte b/frontend/src/TaskPanel.svelte
index bbd3f9d..171f10b 100644
--- a/frontend/src/TaskPanel.svelte
+++ b/frontend/src/TaskPanel.svelte
@@ -32,7 +32,7 @@ import TaskDisplay from "./TaskDisplay.svelte";
 
 <style>
     .panel {
-        position: absolute;
+        position: relative;
         width: 100%;
         background-color: #222;
         overflow: hidden;