fixes #791 - Support server-side playlists

dashboard-ui/css/card.css

@@ -51,7 +51,7 @@
 @media all and (max-width: 800px) {
 
     .cardBox {
-        margin: 2px;
+        margin: 0 2px;
     }
 }
 
@@ -62,6 +62,15 @@
     }
 }
 
+.bottomPaddedCard .cardBox {
+    margin-bottom: 10px;
+}
+
+.visualFooterCard .outerCardFooter {
+    background: #111;
+    padding-bottom: 4px;
+}
+
 .visualCardBox {
     padding: 5px;
     -moz-border-radius: 2px;
@@ -195,6 +204,10 @@
     padding: 0 5px 4px;
 }
 
+.outerCardFooter .cardText + .cardText {
+    color: #ddd;
+}
+
 @media all and (max-width: 600px) {
 
     .packageReviewText {
@@ -362,6 +375,14 @@
 }
 
 
+@media all and (min-width: 1800px) {
+
+    .squareCard {
+        width: 10%;
+    }
+}
+
+
 @media all and (min-width: 1920px) {
 
     .portraitCard {
@@ -450,7 +471,7 @@
     width: 50%;
 }
 
-@media all and (min-width: 540px) {
+@media all and (min-width: 640px) {
 
     .homePageBackdropCard {
         width: 33.3%;
@@ -572,4 +593,4 @@
     .homePageSmallBackdropCard {
         width: 16.666666666666666666666666666667%;
     }
-}
+}