Misc. CSS changes (#104)

custom-cards · Sep 13, 2020 · 33b9b84 · 33b9b84
1 parent 9f7924b
commit 33b9b84
Showing 1 changed file with 5 additions and 13 deletions.
diff --git 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;
-    }
   `;
 }