fix the remaining minor CSS botch jobs

ModdedMinecraftClub · Feb 12, 2021 · f42bbea · f42bbea
1 parent 37cc55d
commit f42bbea
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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