From 8ff41a39861c6039004456a46fdc2b6d03add94f Mon Sep 17 00:00:00 2001 From: Chris Garrity <chrisg@media.mit.edu> Date: Tue, 25 Jun 2019 16:58:49 -0400 Subject: [PATCH] revise styles Checked with Carl and updated the style of the play button. --- src/components/library-item/library-item.css | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/src/components/library-item/library-item.css b/src/components/library-item/library-item.css index 128c9f93e..7b7079441 100644 --- a/src/components/library-item/library-item.css +++ b/src/components/library-item/library-item.css @@ -210,7 +210,7 @@ overflow: hidden; /* Mask the icon animation */ width: 1.5rem; height: 1.5rem; - background-color: $motion-primary; + background-color: $sound-primary; color: $ui-white; border-radius: 50%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -221,8 +221,7 @@ .play-button { position: absolute; - position: absolute; - top: 0.125rem; + top: .5rem; z-index: auto; } @@ -235,11 +234,9 @@ } [dir="ltr"] .play-button { - right: 0.125rem; - padding-left: .125rem; + left: .5rem; } [dir="rtl"] .play-button { - left: 0.125rem; - padding-right: .125rem; + right: .5rem; } -- GitLab