From 448671fffbcc4a4abff972b086e16ea5d7cffca2 Mon Sep 17 00:00:00 2001
From: Gigi <47110839+DarthGigi@users.noreply.github.com>
Date: Wed, 1 May 2024 23:09:43 +0200
Subject: [PATCH] Fix content shifting when the copy button appears on mobile

---
 src/components/GithubStarButton.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/GithubStarButton.svelte b/src/components/GithubStarButton.svelte
index e9d63f05..805e3333 100644
--- a/src/components/GithubStarButton.svelte
+++ b/src/components/GithubStarButton.svelte
@@ -66,12 +66,14 @@
   aria-label={`Star ${REPOSITORY_PATH} on GitHub`}
   on:click={onButtonClick}
 >
-  <span class="space-x-2 flex items-center border-r border-[#373b43] px-2">
-    <GithubIcon class="size-[1.1rem]" />
-    <span>Star</span>
+  <span
+    class="flex items-center border-[#373b43] px-3 sm:space-x-2 sm:border-r"
+  >
+    <GithubIcon class="size-[1.3rem] sm:size-[1.1rem]" />
+    <span class="hidden sm:inline">Star</span>
   </span>
   {#if isFetchingStarCount || starCount !== 0}
-    <div class="h-full flex justify-center items-center pl-3 pr-3">
+    <div class="hidden h-full items-center justify-center px-3 sm:flex">
       {#if isFetchingStarCount && starCount === 0}
         <svg
           class="animate-spin size-4 mx-1"