diff --git a/css/general.css b/css/general.css index f66006a..b643949 100644 --- a/css/general.css +++ b/css/general.css @@ -514,6 +514,7 @@ section { width: 100%; height: 100%; margin-top: 200px; + padding-left: 50px; } .input-flex-container { @@ -532,6 +533,26 @@ section { float: left; } +#timeline-right-arrow { + width: fit-content; + height: fit-content; + position: relative; + top: 232px; + left: 48px; +} +#timeline-left-arrow { + width: fit-content; + height: fit-content; + position: relative; + top: 198px; + left: 600px; +} +@media (max-width: 740px) { + #timeline-left-arrow { + left: calc(80vw); + } +} + .timeline-input { width: 22px; height: 22px; @@ -747,6 +768,13 @@ section { text-align: left; margin-bottom: 20px; } + + #timeline-right-arrow { + display: none; + } + #timeline-left-arrow { + display: none; + } } @media (max-width: 480px) { .input-flex-container { diff --git a/index.html b/index.html index a973095..3e13e2e 100644 --- a/index.html +++ b/index.html @@ -101,6 +101,8 @@

Timeline

Click on each dot for more info +
+