From c8371dc7e5f4fb1fa9db6e9cc0b82c9c49548f28 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Thu, 28 Jul 2022 20:49:12 +0700
Subject: [PATCH] Adjust wish counter page for small resolution

---
 src/routes/wish/_summaryItem.svelte | 2 +-
 src/routes/wish/index.svelte        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/wish/_summaryItem.svelte b/src/routes/wish/_summaryItem.svelte
index d346f051..45a1ca03 100644
--- a/src/routes/wish/_summaryItem.svelte
+++ b/src/routes/wish/_summaryItem.svelte
@@ -32,7 +32,7 @@
       <td class="text-white text-md font-semibold pr-2 md:pr-4 flex-1 w-full">{$t(`wish.types.${type.id}`)}</td>
       <td class="text-gray-400 text-sm font-display pr-2 md:pr-4 text-right">{$t('wish.summary.total')}</td>
       <td class="text-gray-400 text-sm font-display pr-2 md:pr-4 text-right">{$t('wish.summary.percent')}</td>
-      <td class="text-gray-400 text-sm font-display text-right whitespace-nowrap">{$t('wish.summary.pityAverage')}</td>
+      <td class="text-gray-400 text-sm font-display text-right min-w-[60px]">{$t('wish.summary.pityAverage')}</td>
     </tr>
     <tr>
       <td class="text-legendary-from font-semibold pr-2 md:pr-4 border-t border-gray-700">
diff --git a/src/routes/wish/index.svelte b/src/routes/wish/index.svelte
index 66af3691..91235a1c 100644
--- a/src/routes/wish/index.svelte
+++ b/src/routes/wish/index.svelte
@@ -195,7 +195,7 @@
     <div class="mb-4 flex justify-center">
       <Ad type="mobile" variant="mpu" id="2" />
     </div>
-    <div class="grid gap-4 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 max-w-screen-xl w-full">
+    <div class="grid gap-4 grid-cols-1 md:grid-cols-2 2xl:grid-cols-3 max-w-screen-xl w-full">
       <Counter
         on:counterread={(val) => setRankWishTotal('character-event', val)}
         bind:this={counter1}