From f42bbea6332f42cd7ecd73c0cc1945f8e3e8e684 Mon Sep 17 00:00:00 2001
From: Trace <lukaszdabrowski881@gmail.com>
Date: Fri, 12 Feb 2021 02:07:15 +0000
Subject: [PATCH] fix the remaining minor CSS botch jobs

---
 .../src/dashboard/PlayerbaseChartCard.svelte                | 2 +-
 src/Mmcc.Stats.Frontend/src/dashboard/Plot.svelte           | 6 +++++-
 src/Mmcc.Stats.Frontend/src/dashboard/TpsChartCard.svelte   | 2 +-
 .../src/dashboard/WeeklyTrendsItem.svelte                   | 4 ++--
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/Mmcc.Stats.Frontend/src/dashboard/PlayerbaseChartCard.svelte b/src/Mmcc.Stats.Frontend/src/dashboard/PlayerbaseChartCard.svelte
index 9d664ac..c92ef7a 100644
--- a/src/Mmcc.Stats.Frontend/src/dashboard/PlayerbaseChartCard.svelte
+++ b/src/Mmcc.Stats.Frontend/src/dashboard/PlayerbaseChartCard.svelte
@@ -124,7 +124,7 @@
                         </option>
                     {/each}
                 </select>                
-                <button on:click={handleGoClick} class="px-8 lg:px-4 py-2 mt-3 lg:mt-0 lg:ml-2 bg-blue-500 text-gray-100 rounded focus:outline-none focus:ring focus:ring-blue-300">Go</button>
+                <button on:click={handleGoClick} class="px-8 lg:px-4 py-2 mt-4 sm:mt-0 sm:ml-2 bg-blue-500 text-gray-100 rounded focus:outline-none focus:ring focus:ring-blue-300">Go</button>
             </div>            
         </div>
         <div class="mt-4">
diff --git a/src/Mmcc.Stats.Frontend/src/dashboard/Plot.svelte b/src/Mmcc.Stats.Frontend/src/dashboard/Plot.svelte
index 5344b6b..75d78d3 100644
--- a/src/Mmcc.Stats.Frontend/src/dashboard/Plot.svelte
+++ b/src/Mmcc.Stats.Frontend/src/dashboard/Plot.svelte
@@ -20,8 +20,12 @@
         showlegend: true,
         legend: {
             orientation: "h",
-            y: 1.5,
+            y: 2,
         },
+        margin: {
+            l: 30,
+            r: 30,
+        }        
     };
     // default values, can be overwritten by parent;
     export let config: any = { responsive: true };
diff --git a/src/Mmcc.Stats.Frontend/src/dashboard/TpsChartCard.svelte b/src/Mmcc.Stats.Frontend/src/dashboard/TpsChartCard.svelte
index 94ea372..ea9eace 100644
--- a/src/Mmcc.Stats.Frontend/src/dashboard/TpsChartCard.svelte
+++ b/src/Mmcc.Stats.Frontend/src/dashboard/TpsChartCard.svelte
@@ -87,7 +87,7 @@
                     type="date"
                     class="border-none bg-gray-700 text-gray-100 rounded"
                 />
-                <button on:click={handleGoClick} class="px-8 lg:px-4 py-2 mt-3 lg:mt-0 lg:ml-2 bg-blue-500 text-gray-100 rounded focus:outline-none focus:ring focus:ring-blue-300">Go</button>
+                <button on:click={handleGoClick} class="px-8 lg:px-4 py-2 mt-0 ml-2 bg-blue-500 text-gray-100 rounded focus:outline-none focus:ring focus:ring-blue-300">Go</button>
 
             </div>
         </div>
diff --git a/src/Mmcc.Stats.Frontend/src/dashboard/WeeklyTrendsItem.svelte b/src/Mmcc.Stats.Frontend/src/dashboard/WeeklyTrendsItem.svelte
index 1361b75..d4398b7 100644
--- a/src/Mmcc.Stats.Frontend/src/dashboard/WeeklyTrendsItem.svelte
+++ b/src/Mmcc.Stats.Frontend/src/dashboard/WeeklyTrendsItem.svelte
@@ -14,7 +14,7 @@
     let tpsString = getCorrespondingTpsString(thisAvg);
 
     function getDifferenceString(thisWeek: number, lastWeek: number): string {
-        if (lastWeek === 0) return "+100%";
+        if (lastWeek === 0) return "+100.00%";
         const v: number = ((thisWeek - lastWeek) / lastWeek) * 100;
         const vFixed: string = v.toFixed(2);
         if (v >= 0) return `+${vFixed}%`;
@@ -59,7 +59,7 @@
             <div
                 class:bg-green-500={differenceString.startsWith("+")}
                 class:bg-red-500={differenceString.startsWith("-")}
-                class="rounded text-sm px-2 py-1 ml-3 w-28 md:w-48 text-center"
+                class="rounded text-sm px-2 py-1 ml-3 w-24 md:w-48 text-center"
             >
                 <span class="font-bold"
                     >{differenceString}</span