From b6378770cd30a03e9db0ce8b81670411087c998f Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 30 Jun 2020 16:32:37 +0200
Subject: vertical timeline

---
 animism-align/frontend/views/align/align.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'animism-align/frontend/views/align/align.css')

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
-- 
cgit v1.2.3-70-g09d2