graphics change

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>
         )