From cf1aaf331e1072ae51ec77ced9f2cdc01d7dc503 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Fri, 29 Mar 2024 22:52:33 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20hide=20=F0=9F=91=8B=F0=9F=8F=BB=20t?=
 =?UTF-8?q?ext?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer.tsx | 31 +++++++++++++++++++------------
 src/styles/index.scss     |  5 +++++
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index debce90..dd671b4 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -13,18 +13,25 @@ export function Footer(props: Props) {
   const { toggleShowSettings } = props
   return (
     <div className={'gitako-footer'}>
-      <Link
-        className={'version'}
-        href={wikiLinks.changeLog}
-        title={'Check out new features!'}
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        {VERSION}
-      </Link>
-      <Link href={wikiLinks.bye} target="_blank" rel="noopener noreferrer">
-        👋 About to say good bye.
-      </Link>
+      <div className="gitako-footer-section">
+        <Link
+          className={'version'}
+          href={wikiLinks.changeLog}
+          title={'Check out new features!'}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {VERSION}
+        </Link>
+        <Link
+          title="About to say good bye."
+          href={wikiLinks.bye}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          👋
+        </Link>
+      </div>
       <RoundIconButton
         aria-label={'settings'}
         icon={GearIcon}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index fab00d7..b0ca112 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -587,6 +587,11 @@ html[data-with-gitako-spacing='true'] {
       padding: 2px 6px 2px 10px;
       border-top: 1px solid var(--color-border-muted);
 
+      &-section {
+        display: inline-flex;
+        gap: 6px;
+      }
+
       .version {
         color: var(--color-fg-muted);
       }