From 33b9b8488d579d9ed6d3b7ad1478165044cedbdf Mon Sep 17 00:00:00 2001
From: Bryan Bennett <bbenne10@gmail.com>
Date: Sun, 13 Sep 2020 06:15:54 -0400
Subject: [PATCH] Misc. CSS changes (#104)

---
 src/spotify-card.ts | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/src/spotify-card.ts b/src/spotify-card.ts
index 9a4d8f1..41ac377 100755
--- a/src/spotify-card.ts
+++ b/src/spotify-card.ts
@@ -617,7 +617,7 @@ export class SpotifyCard extends LitElement {
       align-items: center;
       justify-content: space-between;
       height: var(--footer-height);
-      margin-top: 0.5em;
+      padding: 0.5rem;
     }
 
     .footer__right {
@@ -641,11 +641,10 @@ export class SpotifyCard extends LitElement {
     }
 
     .small-icon svg {
-      height: 3em;
+      height: 2em;
     }
 
     .controls {
-      padding: 0.5em;
       display: flex;
     }
 
@@ -669,10 +668,6 @@ export class SpotifyCard extends LitElement {
       border-radius: 50%;
     }
 
-    .mediaplayer_speaker_icon > path {
-      fill: var(--primary-text-color);
-    }
-
     .dropdown-wrapper {
       display: contents;
       position: absolute;
@@ -716,12 +711,12 @@ export class SpotifyCard extends LitElement {
       display: block;
     }
 
-    .icon > svg {
+    svg {
       fill: var(--primary-text-color);
     }
 
     .icon.playing > svg {
-      fill: var(--primary-color) !important;
+      fill: var(--primary-color);
     }
 
     @keyframes loading {
@@ -777,6 +772,7 @@ export class SpotifyCard extends LitElement {
 
     .cover > img {
       height: 100%;
+      max-width: var(--list-item-height); /* enforce square playlist icons */
     }
 
     .cover > svg {
@@ -826,7 +822,6 @@ export class SpotifyCard extends LitElement {
     .grid-item-album-image > svg {
       width: 100%;
       margin: 10px;
-      fill: var(--primary-text-color);
     }
 
     .grid-item-album-image.playing {
@@ -846,8 +841,5 @@ export class SpotifyCard extends LitElement {
       transform: scale(2);
       opacity: 1;
     }
-    .grid-item-overlay-icon > svg {
-      fill: white;
-    }
   `;
 }