diff options
5 files changed, 19 insertions, 10 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.css b/animism-align/frontend/app/views/viewer/nav/eflux.css index 50d9b5f..65e9db2 100644 --- a/animism-align/frontend/app/views/viewer/nav/eflux.css +++ b/animism-align/frontend/app/views/viewer/nav/eflux.css @@ -34,18 +34,21 @@ display: flex; justify-content: center; align-items: center; - width: 2rem; - height: 2rem; + width: 3rem; + height: 3rem; background: white; border-radius: 50%; margin-left: 34px; cursor: pointer; } +.eflux-nav .playToggle:hover, +.eflux-nav .transcript-icon:hover { + background: #ddd; +} .eflux-nav svg { - width: 1.5rem; - height: 1.5rem; + width: 2rem; + height: 2rem; } - .eflux-nav .playToggle svg { width: 2rem; height: 2rem; diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css index 2b69ae3..5238665 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.css +++ b/animism-align/frontend/app/views/viewer/nav/nav.css @@ -90,6 +90,9 @@ display: block; } +.next-link { + padding-right: .25rem; +} .transcript-link { padding-right: 1.25rem; } @@ -110,7 +113,7 @@ width: 12rem; height: 8rem; margin-bottom: 0.5rem; - margin-right: 0.5rem; + margin-right: 0.75rem; background-size: cover; background-position: center center; transition: transform 0.2s; @@ -163,7 +166,7 @@ } .viewer-nav .arrow.left, .viewer-nav .arrow.right { - width: 1.25rem; + width: 1.5rem; } .viewer-nav .arrow svg { width: 100%; diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css index 77e782c..c676d0b 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.css +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css @@ -258,7 +258,7 @@ .player-transcript .paragraph .footnote { font-size: 1rem; position: relative; - top: -0.5rem; + top: -1.5rem; left: -0.4rem; margin-right: -0.2rem; cursor: pointer; @@ -291,7 +291,7 @@ color: white; font-family: "Freight Text", serif; font-size: 12vh; - line-height: 1.25; + line-height: 1; text-align: center; } .site-intro .inner span { diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css index 32918c6..9f69e26 100644 --- a/animism-align/frontend/app/views/viewer/sections/sections.css +++ b/animism-align/frontend/app/views/viewer/sections/sections.css @@ -63,6 +63,9 @@ flex: 1; justify-content: flex-start; } +.section-title { + line-height: 1.25; +} /* scrolling part */ diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.css b/animism-align/frontend/app/views/viewer/transcript/transcript.css index d2a87d5..0c7a9e8 100644 --- a/animism-align/frontend/app/views/viewer/transcript/transcript.css +++ b/animism-align/frontend/app/views/viewer/transcript/transcript.css @@ -48,7 +48,7 @@ overflow-y: hidden; width: 100%; height: calc(100% - 3rem); - padding: 1.5rem 2rem 6rem 1.5rem; + padding: 1.5rem 2rem 6rem 4rem; border-left: 1px solid #000; position: relative; } |