addable track

1 files changed, 21 insertions, 37 deletions

diff --git a/src/client/views/nodes/Track.scss b/src/client/views/nodes/Track.scss
index 9c6ab08f0..e922aa1df 100644
--- a/src/client/views/nodes/Track.scss
+++ b/src/client/views/nodes/Track.scss
@@ -1,42 +1,26 @@
-.track-container {
-    height: 100px;
-    width: 500px;
-    background-color: rgb(160, 226, 243);
-    position: absolute;
-    left: 15%;
-    top: 1%;
-    font-size: 75%;
+@import "./../globalCssVariables.scss"; 
 
-    .track {
-        height: 60px;
-        width: 500px;
-        bottom: 0px;
-        background-color: grey;
-        position: absolute;
-    }
-
-    .inner {
-        height: 44px;
-        width: 484px;
-        background-color: black;
-        //opacity: 0.5; 
-        position: absolute;
-        margin: 8px;
-        z-index: 10; 
+.track-container{
+   
+    .datapane{
+        top:0px; 
+        width: 100px; 
+        height: 100px; 
+        background-color: $light-color-secondary; 
+        position:relative; 
+        float:left; 
+        border-style:solid; 
     }
 
-    button {
-        height: 30px;
-        width: 50px;
-        font-size: 1em;
-        position: relative;
-        margin: 5px;
-    }
-
-    input {
-        height: 30px;
-        width: 100px;
-        font-size: 1em;
-        margin: 5px;
+    .track {
+        .inner {  
+            top:0px; 
+            float:right; 
+            height: 100px;
+            width: calc(100% - 100px); 
+            background-color: $light-color;     
+            border-style:solid;        
+            position:relative; 
+        }
     }
 }
\ No newline at end of file