From 39864d7c313ec49bd8c7aaccd453ed6201dcb6ed Mon Sep 17 00:00:00 2001
From: Andy Pack <andy@sarsoo.xyz>
Date: Sun, 13 Nov 2022 21:44:02 +0000
Subject: [PATCH] tweaking chart sizing

---
 Selector.Web/CSS/now.scss                  | 14 ++++++++------
 Selector.Web/scripts/Now/PlayCountGraph.ts |  4 ++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/Selector.Web/CSS/now.scss b/Selector.Web/CSS/now.scss
index 60a05e8..48ff727 100644
--- a/Selector.Web/CSS/now.scss
+++ b/Selector.Web/CSS/now.scss
@@ -31,8 +31,10 @@ $shadow-color: #1e1e1e;
 
 .chart-card {
     // width: 500px;
-    width: 100%;
-    max-width: max-content;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    // width: 100%;
+    // max-width: max-content;
 }
 
 @media only screen and (min-width: 768px) {
@@ -50,10 +52,6 @@ $shadow-color: #1e1e1e;
 
       width: 250px;
     }
-
-    .chart-card {
-        width: 500px;
-    }
 }
 
 @media only screen and (min-width: 768px) {
@@ -61,6 +59,10 @@ $shadow-color: #1e1e1e;
         min-width: 200px;
         max-width: 500px;
     }
+
+    .chart-card {
+        width: 500px;
+    }
 }
 
 .spotify-logo {
diff --git a/Selector.Web/scripts/Now/PlayCountGraph.ts b/Selector.Web/scripts/Now/PlayCountGraph.ts
index aa7182c..3f9aa69 100644
--- a/Selector.Web/scripts/Now/PlayCountGraph.ts
+++ b/Selector.Web/scripts/Now/PlayCountGraph.ts
@@ -28,7 +28,7 @@ export let PlayCountChartCard: Vue.Component = {
     },
     template: 
     `
-        <div class="card info-card chart-card">
+        <div class="chart-card card">
             <h1>{{ title }}</h1>
             <canvas :id="chartId"></canvas>
             <lastfm-logo :link="link" />
@@ -89,7 +89,7 @@ export let CombinedPlayCountChartCard: Vue.Component = {
     },
     template: 
     `
-        <div class="card info-card chart-card">
+        <div class="chart-card card">
             <canvas :id="chartId"></canvas>
             <lastfm-logo :link="link" />
         </div>