From 773cd841673b468d3b750e521b42024df1abeda7 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Fri, 31 Dec 2021 13:21:18 +0700
Subject: [PATCH] Update wish tally layout on mobile

---
 src/routes/wish/tally/index.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/wish/tally/index.svelte b/src/routes/wish/tally/index.svelte
index 2d776e25..f830cfa4 100644
--- a/src/routes/wish/tally/index.svelte
+++ b/src/routes/wish/tally/index.svelte
@@ -361,7 +361,7 @@
       {:else if !loading && error !== undefined}
         <p class="text-white">Data is not available</p>
       {:else}
-        <div class="flex mb-4">
+        <div class="flex flex-col space-y-4 xl:flex-row xl:space-y-0 mb-4">
           <img
             src="/images/banners/{banner.name} {banner.image}.png"
             alt={banner.name}
@@ -550,10 +550,10 @@
                   </td>
                 </tr>
                 <tr>
-                  <td colspan="4">
+                  <td colspan="4" class="p-0">
                     <span
                       class="absolute bg-legendary-from block"
-                      style="height: 1px; margin-top: 1px; width: {(item.count / legendary.total) * 100}%;"
+                      style="height: 1px; width: {(item.count / legendary.total) * 100}%;"
                     />
                   </td>
                 </tr>