vertical timeline

1 files changed, 10 insertions, 6 deletions

diff --git a/animism-align/frontend/views/align/align.css b/animism-align/frontend/views/align/align.css
index 5c83a45..f581547 100644
--- a/animism-align/frontend/views/align/align.css
+++ b/animism-align/frontend/views/align/align.css
@@ -4,6 +4,8 @@
 .body {
   width: 100%;
   height: 100%;
+  display: flex;
+  flex-direction: row;
   background: linear-gradient(
       0deg,
       rgba(0, 0, 64, 0.5),
@@ -15,7 +17,9 @@ canvas {
   display: block;
 }
 .timeline {
-  border-top: 1px solid #333;
+  display: flex;
+  flex-direction: row;
+  border-left: 1px solid #333;
 }
 
 
@@ -25,15 +29,15 @@ canvas {
 }
 .ticks .tick {
   position: absolute;
-  top: 0;
-  height: 4px;
-  width: 1px;
+  left: 0;
+  width: 4px;
+  height: 1px;
   background: #ddd;
 }
 .ticks .tickLabel {
   position: absolute;
-  top: 6px;
+  left: 6px;
   font-size: 12px;
   width: 40px;
-  text-align: center;
+  margin-top: -7px;
 }
\ No newline at end of file