From 4d7f47a61db7ec3ea408cee4e590075498ccff40 Mon Sep 17 00:00:00 2001
From: exh12001 <edward.huang@uconn.edu>
Date: Wed, 22 Nov 2017 11:53:32 -0500
Subject: [PATCH] update_vector_field

---
 js/mobius.js    | 8 +++++---
 style/style.css | 1 -
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/js/mobius.js b/js/mobius.js
index 51b3ca9..ecdc09b 100644
--- a/js/mobius.js
+++ b/js/mobius.js
@@ -52,7 +52,7 @@ function add_2d_ctrl(parent,variable,label,min_x,max_x,min_y,max_y) {
     parent.append(value);
 }
 
-function add_vector_field(parent){
+function add_vector_field(){
     var canvas = document.createElement('canvas');
     canvas.style.border   = "1px solid";
     canvas.id = 'canvas'
@@ -62,7 +62,7 @@ function add_vector_field(parent){
     
     height = canvas.height;
     width = canvas.width;
-    parent.append(canvas);
+    return canvas;
 }
 
 //update based on id
@@ -150,6 +150,8 @@ $(function () {//document is ready, setup everything
     add_2d_ctrl($(guibox),c,"c",-1,1,-1,1);
     add_2d_ctrl($(guibox),d,"d",-1,1,-1,1);
 
-    add_vector_field($(guibox));
+
+    canvas = add_vector_field()
+    document.body.appendChild(canvas);
 
 });
diff --git a/style/style.css b/style/style.css
index 0b5796f..71b8a80 100644
--- a/style/style.css
+++ b/style/style.css
@@ -20,6 +20,5 @@ body{
 }
 #gui-box{
     display: inline-block;
-    position: absolute;
     top: 0; 
 }
\ No newline at end of file