From 58a5e0c83469d83ddd7da74c84574f383b4d992e Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Tue, 6 Sep 2022 03:10:03 +0700
Subject: [PATCH] Fix excess padding on character page

---
 src/routes/characters/index.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/characters/index.svelte b/src/routes/characters/index.svelte
index 4375932e..e437c160 100644
--- a/src/routes/characters/index.svelte
+++ b/src/routes/characters/index.svelte
@@ -328,7 +328,7 @@
             <div class="flex items-center justify-center md:justify-start md:mr-4">
               <button
                 on:click={() => toggleElement('pyro')}
-                class="rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer p-2 focus:outline-none {elementFilter.pyro
+                class="rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer pr-2 focus:outline-none {elementFilter.pyro
                   ? ''
                   : 'opacity-25'}"
               >
@@ -376,7 +376,7 @@
               </button>
               <button
                 on:click={() => toggleElement('geo')}
-                class="rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer p-2 focus:outline-none {elementFilter.geo
+                class="rounded-xl hover:bg-black hover:bg-opacity-25 cursor-pointer pl-2 focus:outline-none {elementFilter.geo
                   ? ''
                   : 'opacity-25'}"
               >