From d69334e5e70b9b3e0346231b37304ddaa989f86c Mon Sep 17 00:00:00 2001
From: Andrew Kim <andrewdkim@users.noreply.github.com>
Date: Mon, 8 Apr 2019 17:52:33 -0400
Subject: graphics change

---
 src/client/views/nodes/Timeline.scss |  4 ++--
 src/client/views/nodes/Timeline.tsx  | 14 +++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/client/views/nodes/Timeline.scss b/src/client/views/nodes/Timeline.scss
index b58828c0f..5bf4628c4 100644
--- a/src/client/views/nodes/Timeline.scss
+++ b/src/client/views/nodes/Timeline.scss
@@ -7,7 +7,7 @@
     position: absolute;
 
     .timeline{
-        height: 50px; 
+        height: 60px; 
         width: 500px;
         bottom: 0px; 
         background-color: grey;
@@ -15,7 +15,7 @@
         
     }
     button{
-        height: 30px; 
+        height: 40px; 
         width: 100px; 
         font-size: 1em; 
         position:relative; 
diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx
index 3bd549ccc..41ac77abc 100644
--- a/src/client/views/nodes/Timeline.tsx
+++ b/src/client/views/nodes/Timeline.tsx
@@ -10,16 +10,24 @@ import "./Timeline.scss"
 @observer
 export class Timeline extends React.Component<TimelineField>{
 
+    private _isRecording = false; 
+    onRecord = (e:React.MouseEvent) => {
+        this._isRecording = true; 
+    }
+
+    onStop = (e:React.MouseEvent) => {
+        this._isRecording = false; 
+    }
+
     render() {
         return (
             <div>
                 <div className="timeline-container"> 
                     <div className="timeline">
-                       
 
                     </div> 
-                    <button>Record</button>
-                    <button> Stop </button>
+                    <button onClick = {this.onRecord}>Record</button>
+                    <button onClick = {this.onStop}> Stop </button>
                 </div>
             </div>
         )
-- 
cgit v1.2.3-70-g09d2