From 5298dae17fe2d35045ac8e66196709da9f7040fe Mon Sep 17 00:00:00 2001
From: exyi <exyi@outlook.cz>
Date: Sun, 27 Sep 2020 18:34:56 +0000
Subject: [PATCH] KSP template fixes

---
 frontend/src/App.svelte                                  | 1 -
 frontend/src/Graph.svelte                                | 4 ++--
 frontend/src/GraphNode.svelte                            | 8 ++------
 server/Ksp.WebServer/Controllers/GrafikPageController.cs | 3 ++-
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 79fafdb..4bce630 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -31,7 +31,6 @@
 </style>
 
 <main>
-  <h1>Cool graf</h1>
   <!--
 	<svg height=200 width=200>
 	<GraphNode task="null" />
diff --git a/frontend/src/Graph.svelte b/frontend/src/Graph.svelte
index 6876804..6fe5096 100644
--- a/frontend/src/Graph.svelte
+++ b/frontend/src/Graph.svelte
@@ -41,7 +41,7 @@
           }) // This provide  the id of a node
           .links(edges) // and this the list of links
       )
-      .force("charge", d3.forceManyBody().strength(-500)) // This adds repulsion between nodes. Play with the -400 for the repulsion strength
+      .force("charge", d3.forceManyBody().strength(-400)) // This adds repulsion between nodes. Play with the -400 for the repulsion strength
       .force("x", d3.forceX()) // attracts elements to the zero X coord
       .force("y", d3.forceY()) // attracts elements to the zero Y coord
       .on("tick", ticked)
@@ -57,7 +57,7 @@
 
 <style>
   div {
-    height: 75vh;
+    height: 100vh;
     width: 100%;
   }
 </style>
diff --git a/frontend/src/GraphNode.svelte b/frontend/src/GraphNode.svelte
index 2fe928f..97cef58 100644
--- a/frontend/src/GraphNode.svelte
+++ b/frontend/src/GraphNode.svelte
@@ -28,7 +28,7 @@
 </script>
 
 <style>
-  :global(g):hover > ellipse {
+  g:hover > ellipse {
     fill: #ffb3a2
   }
   ellipse {
@@ -37,11 +37,7 @@
 </style>
 
 <g on:mouseenter={enter} on:mouseleave={leave}>
-  {#if !hovering}
-    <ellipse rx={ellipse_rx} ry={ellipse_ry} {cx} {cy} />
-  {:else}
-    <ellipse rx={ellipse_rx} ry={ellipse_ry} {cx} {cy} />
-  {/if}
+  <ellipse rx={ellipse_rx} ry={ellipse_ry} {cx} {cy} />
   <text
     bind:this={text_element}
     x={cx}
diff --git a/server/Ksp.WebServer/Controllers/GrafikPageController.cs b/server/Ksp.WebServer/Controllers/GrafikPageController.cs
index 43bbdab..99a5d4a 100644
--- a/server/Ksp.WebServer/Controllers/GrafikPageController.cs
+++ b/server/Ksp.WebServer/Controllers/GrafikPageController.cs
@@ -55,7 +55,8 @@ namespace Ksp.WebServer.Controllers
             var innerBody = grafik.Body;
             innerBody.Replace(kspTemplate.Body);
             var page = grafik.Body.QuerySelector("#page");
-            page.Replace(innerBody.ChildNodes.ToArray());
+            page.InnerHtml = "";
+            page.AppendNodes(innerBody.ChildNodes.ToArray());
 
             foreach(var headElement in kspTemplate.Head.QuerySelectorAll("link, script"))
             {