From f67ed6437f8cf96d72c0ac938324425646a2870e Mon Sep 17 00:00:00 2001
From: khanhas <xuankhanh963@gmail.com>
Date: Fri, 31 Aug 2018 23:59:08 +0700
Subject: [PATCH] FIxes bugs

---
 Themes/SpicetifyDefault/user.css | 45 +++++++++++++++++++++++++-------
 1 file changed, 36 insertions(+), 9 deletions(-)

diff --git a/Themes/SpicetifyDefault/user.css b/Themes/SpicetifyDefault/user.css
index 36053c9..48e7fa6 100644
--- a/Themes/SpicetifyDefault/user.css
+++ b/Themes/SpicetifyDefault/user.css
@@ -3,7 +3,9 @@
 .card-placeholder-wrapper,
 .card-image-content-wrapper,
 .GlueCard:not(.GlueCard--artist) .GlueCard__image,
-.GlueCard:not(.GlueCard--artist) .GlueCard__image-wrapper {
+.GlueCard:not(.GlueCard--artist) .GlueCard__image-wrapper,
+.Card:not(.Card--artist) .Card__image,
+.Card:not(.Card--artist) .Card__image-wrapper {
 	border-radius: 10px !important;
 	overflow: hidden !important
 }
@@ -53,7 +55,8 @@ body.remotebar .view-player .player-bar-wrapper {
 
 /*Lift up cover when hovering on it*/
 .card-image-content-wrapper,
-.GlueCard__image-wrapper {
+.GlueCard__image-wrapper,
+.Card:not(.Card--artist) .Card__image-wrapper {
 	transition-property: transform box-shadow !important;
 	transition-duration: 1s !important;
 	transition-timing-function: cubic-bezier(.3,0,0,1) !important;
@@ -61,7 +64,8 @@ body.remotebar .view-player .player-bar-wrapper {
 }
 
 .card-image-hit-area:not(.no-hover):hover .card-image-content-wrapper,
-.GlueCard__image-hit-area-counter-scale:hover .GlueCard__image-wrapper {
+.GlueCard__image-hit-area-counter-scale:hover .GlueCard__image-wrapper,
+.Card:not(.Card--artist) .Card__image-hit-area-counter-scale:hover .Card__image-wrapper {
 	transform: translateY(-10px);
 	box-shadow: 0 15px 30px rgba(0,0,0,0.3);
 }
@@ -75,7 +79,14 @@ body.remotebar .view-player .player-bar-wrapper {
 .GlueCard__image-hit-area .GlueCard__play-button,
 .GlueCard__image-hit-area .GlueCard__add-button,
 .GlueCard__image-hit-area .GlueCard__more-button,
-.GlueCard__image-hit-area .GlueCard__overlay {
+.GlueCard__image-hit-area .GlueCard__overlay,
+.Card__image-hit-area .card-button-add,
+.Card__image-hit-area .card-button-play,
+.Card__image-hit-area .card-button-more,
+.Card__image-hit-area .Card__play-button,
+.Card__image-hit-area .Card__add-button,
+.Card__image-hit-area .Card__more-button,
+.Card__image-hit-area .Card__overlay  {
 	transition-property: all !important;
 	transition-duration: 1s !important;
 	transition-timing-function: cubic-bezier(.3,0,0,1) !important;
@@ -86,7 +97,10 @@ body.remotebar .view-player .player-bar-wrapper {
 .card-image-hit-area:not(.no-hover):hover .card-button-more,
 .GlueCard__image-hit-area:not(.no-hover):hover .card-button-add,
 .GlueCard__image-hit-area:not(.no-hover):hover .card-button-play,
-.GlueCard__image-hit-area:not(.no-hover):hover .card-button-more {
+.GlueCard__image-hit-area:not(.no-hover):hover .card-button-more,
+.Card__image-hit-area:not(.no-hover):hover .card-button-add,
+.Card__image-hit-area:not(.no-hover):hover .card-button-play,
+.Card__image-hit-area:not(.no-hover):hover .card-button-more {
 	opacity: 1 !important;
 	transform: translateY(-10px);
 }
@@ -94,7 +108,11 @@ body.remotebar .view-player .player-bar-wrapper {
 .GlueCard__image-hit-area:hover .GlueCard__play-button,
 .GlueCard__image-hit-area:hover .GlueCard__add-button,
 .GlueCard__image-hit-area:hover .GlueCard__more-button,
-.GlueCard__image-hit-area:hover .GlueCard__overlay {
+.GlueCard__image-hit-area:hover .GlueCard__overlay,
+.Card__image-hit-area:hover .Card__play-button,
+.Card__image-hit-area:hover .Card__add-button,
+.Card__image-hit-area:hover .Card__more-button,
+.Card__image-hit-area:hover .Card__overlay {
 	opacity: 1 !important;
 }
 
@@ -533,8 +551,8 @@ and add little glowing effect
 /* Profile arrow in top left */
 .content-top-bar__profile-menu-button .dropdown {
 	position: fixed !important;
-	right: 150px !important;
-	top: 0 !important;
+	right: 200px !important;
+    top: 10px !important;
 	-webkit-app-region: no-drag !important;
 }
 
@@ -554,7 +572,8 @@ and add little glowing effect
 	display: none;
 }
 
-.GlueCard__info-wrapper {
+.GlueCard__info-wrapper,
+.Card__info-wrapper {
 	margin-bottom: 30px;
 }
 
@@ -573,3 +592,11 @@ and add little glowing effect
 .tracklist-podcast .tl-progress .row-progress__bar {
     background-color: var(--modspotify_main_fg);
 }
+
+.Header__background-color{
+	background-color: var(--modspotify_main_bg) !important;
+}
+
+.Button--style-green {
+	color: var(--modspotify_main_bg) !important;
+}
\ No newline at end of file