changes to timeline overview

1 files changed, 24 insertions, 11 deletions

diff --git a/src/client/views/animationtimeline/Timeline.scss b/src/client/views/animationtimeline/Timeline.scss
index 0f98ed7c4..6270eed41 100644
--- a/src/client/views/animationtimeline/Timeline.scss
+++ b/src/client/views/animationtimeline/Timeline.scss
@@ -4,25 +4,33 @@
 
 .timeline-toolbox{
     position:absolute; 
+    margin: 0px; 
+    padding: 0px; 
     display:flex;
     align-items: flex-start; 
-    flex-direction: row;  
-    justify-content: space-evenly; 
-    align-items: baseline; 
-    top: 10px;
+    flex-direction: row;
+    justify-content: space-evenly;
+    align-items: center;
+    top: 15px;
     div{
+        padding: 0px; 
         margin-left:10px; 
     }
     .animation-text{
         font-size: 20px; 
         height: auto; 
         width: auto; 
+        white-space: nowrap;
+        font-size: 16px;
+        color: grey;
+        letter-spacing: 2px;
+        text-transform: uppercase;
     }
     .round-toggle {
         height: 40px;
         width: 80px;
         background-color: white;
-        border: 2px solid purple;
+        border: 2px solid grey;
         border-radius: 20px;
         animation-fill-mode: forwards; 
         animation-duration: 500ms;
@@ -44,13 +52,18 @@
             margin-top: 0.5px; 
         } 
     }
-    .time-input{
-        height: 40px; 
-        width: 100px; 
-        
-    }
+    
+}
+.time-input{
+    height: 40px; 
+    width: 100px; 
+    white-space: nowrap;
+    font-size: 16px;
+    color: grey;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    
 }
-
 .tick{
     height:100%; 
     width: 1px;