From 24758ffbd110e4cbca3fb5c0520a3c5015fd5b8f Mon Sep 17 00:00:00 2001
From: Agustin Tena <atena@boxfish.studio>
Date: Sun, 28 Aug 2022 09:51:11 +0200
Subject: [PATCH] chore: improve footer layout (#35)

* fix ci badge in readme

* fix footer layout

* remove empty line
---
 README.md       |  2 +-
 pages/index.tsx | 37 ++++++++++++++++++++++++++++---------
 2 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 3b8e52d..5a675f4 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@
 
 <p align="center">
   <a aria-label="build status" href="https://github.com/boxfish-studio/fontana/actions/workflows/ci-production.yaml">
-    <img alt="" src="https://github.com/boxfish-studio/fontana/actions/workflows/deploy_prod.yaml/badge.svg">
+    <img alt="" src="https://github.com/boxfish-studio/fontana/actions/workflows/ci-production.yaml/badge.svg">
   </a>
   <a aria-label="contributors graph" href="https://github.com/boxfish-studio/fontana/graphs/contributors">
     <img alt="" src="https://img.shields.io/github/contributors/boxfish-studio/fontana.svg">
diff --git a/pages/index.tsx b/pages/index.tsx
index a38c11c..a656101 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -35,15 +35,33 @@ const Home: NextPage<{ HAS_MONGO_URI: boolean }> = ({ HAS_MONGO_URI }) => {
         </div>
         <Toast />
         <footer>
-        {version && <p className="color-fg-muted">Fontana {version}</p>}
-          <p className="color-fg-muted">
-            With{" "}
-            <StyledOcticon icon={HeartFillIcon} size={16} color="#666666" />{" "}
-            from{" "}
-            <a href="https://boxfish.studio/">
-              <u>Boxfish Studio</u>
-            </a>            
-          </p>          
+            <div>
+                <a href='https://github.com/boxfish-studio/fontana/'>
+                    <a
+                        target='_blank'
+                        rel='noopener noreferrer'
+                        className='color-fg-muted'
+                        style={{ cursor: 'pointer' }}
+                    >
+                      <u>
+                        Fontana {version}
+                      </u>
+                    </a>
+                </a>
+                <span className='color-fg-muted'> - by </span>
+                <a href='https://boxfish.studio/'>
+                    <a
+                        target='_blank'
+                        rel='noopener noreferrer'
+                        className='color-fg-muted'
+                        style={{ cursor: 'pointer' }}
+                    >
+                      <u>
+                        Boxfish Studio
+                      </u>
+                    </a>
+                </a>
+            </div>
         </footer>
       </div>
     </>
@@ -51,3 +69,4 @@ const Home: NextPage<{ HAS_MONGO_URI: boolean }> = ({ HAS_MONGO_URI }) => {
 };
 
 export default Home;
+