From f3c03b2c86a217aca0107e9ecef3b99b27e883c8 Mon Sep 17 00:00:00 2001
From: Florian Klampfer <mail@qwtel.com>
Date: Sat, 31 Aug 2024 18:13:30 +0700
Subject: [PATCH] Make footer small and muted

---
 app/root.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/root.tsx b/app/root.tsx
index 2335dc1b..b3790262 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -154,15 +154,17 @@ export default function App() {
                 <Outlet />
             </main>
 
-            <footer className="py-4 flex justify-end text-s">
-                <div>
-                    Version{" "}
+            <footer className="pt-4 pb-8 flex justify-between text-s">
+                <small className="text-muted-foreground">Counterscale: Web Analytics</small>
+                <small>
+                    <span className="text-muted-foreground">Version</span>
+                    {" "}
                     <a
                         href={`https://github.com/qwtel/counterscale/commit/${data.version}`}
                     >
                         {data.version?.slice(0, 7)}
                     </a>
-                </div>
+                </small>
             </footer>
         </div>
     );