From 91118b23d3430be23b1075f444c9320fd4cd4014 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 30 Oct 2020 13:07:53 +0100
Subject: notes from other means

---
 animism-align/frontend/app/views/viewer/nav/eflux.css | 13 ++++++++-----
 animism-align/frontend/app/views/viewer/nav/nav.css   |  7 +++++--
 2 files changed, 13 insertions(+), 7 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/nav')

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