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: ` -