From 4a19be48b2957172da70d484f6f4ed3d62f5bf82 Mon Sep 17 00:00:00 2001
From: Robin van der Linde <robin.vanderlinde@gmail.com>
Date: Wed, 24 Apr 2024 20:18:26 +0200
Subject: [PATCH] Remove margin from theme buttons for centering

---
 public/css/index-tailwind-output.css    | 4 ++++
 src/UI/BigComponents/ThemeButton.svelte | 2 +-
 src/index.css                           | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/css/index-tailwind-output.css b/public/css/index-tailwind-output.css
index af946e322..194f75757 100644
--- a/public/css/index-tailwind-output.css
+++ b/public/css/index-tailwind-output.css
@@ -2440,6 +2440,10 @@ button,
   color: var(--low-interaction-foreground);
 }
 
+.theme-button {
+  margin: 0 !important;
+}
+
 .button-shadow {
   box-shadow: 0 5px 10px #88888888;
 }
diff --git a/src/UI/BigComponents/ThemeButton.svelte b/src/UI/BigComponents/ThemeButton.svelte
index 468c70e95..3f8809ba0 100644
--- a/src/UI/BigComponents/ThemeButton.svelte
+++ b/src/UI/BigComponents/ThemeButton.svelte
@@ -85,7 +85,7 @@
 </script>
 
 {#if theme.id !== personal.id || $unlockedPersonal}
-  <a class={"button w-full text-ellipsis"} href={$href}>
+  <a class={"button theme-button w-full text-ellipsis"} href={$href}>
     <img src={theme.icon} class="m-1 mr-2 block h-11 w-11 sm:m-2 sm:mr-4" alt="" />
     <span class="flex flex-col overflow-hidden text-ellipsis">
       <Tr t={title} />
diff --git a/src/index.css b/src/index.css
index 59319e214..49247d260 100644
--- a/src/index.css
+++ b/src/index.css
@@ -204,6 +204,10 @@ button,
   color: var(--low-interaction-foreground);
 }
 
+.theme-button {
+  margin: 0 !important;
+}
+
 .button-shadow {
   box-shadow: 0 5px 10px #88888888;
 }