2 files changed, 13 insertions, 7 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%;